<!DOCTYPE html>
<!--[if lt IE 7 ]>
<html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>
<html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>
<html class="ie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]>
<html class="ie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 10)|!(IE)]><!-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!--<![endif]-->

<head>
    <!-- Start of Booster Apps Seo-0.1-->
    <title>Children's Clothing-RAREWE</title>
    <meta name="description"
          content="Kids St Patrick&#39;s Day Outfits &amp;amp; Accessories Kiss me, I&#39;m adorably Irish! Your baby girl is going to look like she just found the pot at the end of the rainbow with our adorable outfits for the funnest day of the year - St. Patrick&#39;s Day. There&#39;s even matching outfits for mommy 😉 Create her look with adorable green">

    <!-- end of Booster Apps SEO -->

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="robots" content="index,follow">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="#c4cdd5">
    <meta name="p:domain_verify" content="320bb3235401c5e8af5c85649ae56b7f">
    <link rel="shortcut icon" href="images/SIP_Logo_192x192_32x32.png" type="image/png">


    <meta property="og:title" content="St. Patricks">
    <meta property="og:type" content="product.group">
    <meta name="twitter:card" content="summary_large_image">
    <link rel="stylesheet" th:href="@{/mall/css/swiper.min.css}">
    <link rel="stylesheet" th:href="@{/mall/css/iconfont.css}">
    <link rel="stylesheet" th:href="@{/mall/css/common.css}">
    <link rel="stylesheet" th:href="@{/mall/styles/header.css}">
    <link rel="stylesheet" th:href="@{'/mall/styles/'+${path}+'.css'}">
    <link rel="stylesheet" th:href="@{/admin/plugins/sweetalert/sweetalert.css}"/>


    <script type="text/javascript" src="js/index.js"></script>
    <!--    <script type="text/javascript" src="/static/mall/js/jquery-1.8.0.js"></script>-->

    <script type="text/javascript" src="/static/mall/js/jquery-1.8.0.js"></script>
    <script type="text/javascript" src="/static/mall/js/search.js"></script>
    <style>
        .site-header__menus .menu_sign_in_sec:hover .dropdown-menu {
            display: block;
        }

        @font-face {
            font-family: 'FontAwesome';
            src: url('fonts/fontawesome-webfont_1.eot');
            src: url('fonts/fontawesome-webfont.eot#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2') format('woff2'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('images/fontawesome-webfont.svg#fontawesomeregular') format('svg');
            font-weight: normal;
            font-style: normal
        }

        .fa {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .fa-lg {
            font-size: 1.33333333em;
            line-height: .75em;
            vertical-align: -15%
        }

        .fa-2x {
            font-size: 2em
        }

        .fa-3x {
            font-size: 3em
        }

        .fa-4x {
            font-size: 4em
        }

        .fa-5x {
            font-size: 5em
        }

        .fa-fw {
            width: 1.28571429em;
            text-align: center
        }

        .fa-ul {
            padding-left: 0;
            margin-left: 2.14285714em;
            list-style-type: none
        }

        .fa-ul > li {
            position: relative
        }

        .fa-li {
            position: absolute;
            left: -2.14285714em;
            width: 2.14285714em;
            top: .14285714em;
            text-align: center
        }

        .fa-li.fa-lg {
            left: -1.85714286em
        }

        .fa-border {
            padding: .2em .25em .15em;
            border: solid .08em #eee;
            border-radius: .1em
        }

        .fa-pull-left {
            float: left
        }

        .fa-pull-right {
            float: right
        }

        .fa.fa-pull-left {
            margin-right: .3em
        }

        .fa.fa-pull-right {
            margin-left: .3em
        }

        .pull-right {
            float: right
        }

        .pull-left {
            float: left
        }

        .fa.pull-left {
            margin-right: .3em
        }

        .fa.pull-right {
            margin-left: .3em
        }

        .fa-spin {
            -webkit-animation: fa-spin 2s infinite linear;
            animation: fa-spin 2s infinite linear
        }

        .fa-pulse {
            -webkit-animation: fa-spin 1s infinite steps(8);
            animation: fa-spin 1s infinite steps(8)
        }

        @-webkit-keyframes fa-spin {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }

            100% {
                -webkit-transform: rotate(359deg);
                transform: rotate(359deg)
            }
        }

        @keyframes fa-spin {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }

            100% {
                -webkit-transform: rotate(359deg);
                transform: rotate(359deg)
            }
        }

        .fa-rotate-90 {
            -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg)
        }

        .fa-rotate-180 {
            -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .fa-rotate-270 {
            -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
            -webkit-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: rotate(270deg)
        }

        .fa-flip-horizontal {
            -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
            -webkit-transform: scale(-1, 1);
            -ms-transform: scale(-1, 1);
            transform: scale(-1, 1)
        }

        .fa-flip-vertical {
            -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
            -webkit-transform: scale(1, -1);
            -ms-transform: scale(1, -1);
            transform: scale(1, -1)
        }

        :root .fa-rotate-90,
        :root .fa-rotate-180,
        :root .fa-rotate-270,
        :root .fa-flip-horizontal,
        :root .fa-flip-vertical {
            filter: none
        }

        .fa-stack {
            position: relative;
            display: inline-block;
            width: 2em;
            height: 2em;
            line-height: 2em;
            vertical-align: middle
        }

        .fa-stack-1x,
        .fa-stack-2x {
            position: absolute;
            left: 0;
            width: 100%;
            text-align: center
        }

        .fa-stack-1x {
            line-height: inherit
        }

        .fa-stack-2x {
            font-size: 2em
        }

        .fa-inverse {
            color: #fff
        }

        .fa-glass:before {
            content: "\f000"
        }

        .fa-music:before {
            content: "\f001"
        }

        .fa-search:before {
            content: "\f002"
        }

        .fa-envelope-o:before {
            content: "\f003"
        }

        .fa-heart:before {
            content: "\f004"
        }

        .fa-star:before {
            content: "\f005"
        }

        .fa-star-o:before {
            content: "\f006"
        }

        .fa-user:before {
            content: "\f007"
        }

        .fa-film:before {
            content: "\f008"
        }

        .fa-th-large:before {
            content: "\f009"
        }

        .fa-th:before {
            content: "\f00a"
        }

        .fa-th-list:before {
            content: "\f00b"
        }

        .fa-check:before {
            content: "\f00c"
        }

        .fa-remove:before,
        .fa-close:before,
        .fa-times:before {
            content: "\f00d"
        }

        .fa-search-plus:before {
            content: "\f00e"
        }

        .fa-search-minus:before {
            content: "\f010"
        }

        .fa-power-off:before {
            content: "\f011"
        }

        .fa-signal:before {
            content: "\f012"
        }

        .fa-gear:before,
        .fa-cog:before {
            content: "\f013"
        }

        .fa-trash-o:before {
            content: "\f014"
        }

        .fa-home:before {
            content: "\f015"
        }

        .fa-file-o:before {
            content: "\f016"
        }

        .fa-clock-o:before {
            content: "\f017"
        }

        .fa-road:before {
            content: "\f018"
        }

        .fa-download:before {
            content: "\f019"
        }

        .fa-arrow-circle-o-down:before {
            content: "\f01a"
        }

        .fa-arrow-circle-o-up:before {
            content: "\f01b"
        }

        .fa-inbox:before {
            content: "\f01c"
        }

        .fa-play-circle-o:before {
            content: "\f01d"
        }

        .fa-rotate-right:before,
        .fa-repeat:before {
            content: "\f01e"
        }

        .fa-refresh:before {
            content: "\f021"
        }

        .fa-list-alt:before {
            content: "\f022"
        }

        .fa-lock:before {
            content: "\f023"
        }

        .fa-flag:before {
            content: "\f024"
        }

        .fa-headphones:before {
            content: "\f025"
        }

        .fa-volume-off:before {
            content: "\f026"
        }

        .fa-volume-down:before {
            content: "\f027"
        }

        .fa-volume-up:before {
            content: "\f028"
        }

        .fa-qrcode:before {
            content: "\f029"
        }

        .fa-barcode:before {
            content: "\f02a"
        }

        .fa-tag:before {
            content: "\f02b"
        }

        .fa-tags:before {
            content: "\f02c"
        }

        .fa-book:before {
            content: "\f02d"
        }

        .fa-bookmark:before {
            content: "\f02e"
        }

        .fa-print:before {
            content: "\f02f"
        }

        .fa-camera:before {
            content: "\f030"
        }

        .fa-font:before {
            content: "\f031"
        }

        .fa-bold:before {
            content: "\f032"
        }

        .fa-italic:before {
            content: "\f033"
        }

        .fa-text-height:before {
            content: "\f034"
        }

        .fa-text-width:before {
            content: "\f035"
        }

        .fa-align-left:before {
            content: "\f036"
        }

        .fa-align-center:before {
            content: "\f037"
        }

        .fa-align-right:before {
            content: "\f038"
        }

        .fa-align-justify:before {
            content: "\f039"
        }

        .fa-list:before {
            content: "\f03a"
        }

        .fa-dedent:before,
        .fa-outdent:before {
            content: "\f03b"
        }

        .fa-indent:before {
            content: "\f03c"
        }

        .fa-video-camera:before {
            content: "\f03d"
        }

        .fa-photo:before,
        .fa-image:before,
        .fa-picture-o:before {
            content: "\f03e"
        }

        .fa-pencil:before {
            content: "\f040"
        }

        .fa-map-marker:before {
            content: "\f041"
        }

        .fa-adjust:before {
            content: "\f042"
        }

        .fa-tint:before {
            content: "\f043"
        }

        .fa-edit:before,
        .fa-pencil-square-o:before {
            content: "\f044"
        }

        .fa-share-square-o:before {
            content: "\f045"
        }

        .fa-check-square-o:before {
            content: "\f046"
        }

        .fa-arrows:before {
            content: "\f047"
        }

        .fa-step-backward:before {
            content: "\f048"
        }

        .fa-fast-backward:before {
            content: "\f049"
        }

        .fa-backward:before {
            content: "\f04a"
        }

        .fa-play:before {
            content: "\f04b"
        }

        .fa-pause:before {
            content: "\f04c"
        }

        .fa-stop:before {
            content: "\f04d"
        }

        .fa-forward:before {
            content: "\f04e"
        }

        .fa-fast-forward:before {
            content: "\f050"
        }

        .fa-step-forward:before {
            content: "\f051"
        }

        .fa-eject:before {
            content: "\f052"
        }

        .fa-chevron-left:before {
            content: "\f053"
        }

        .fa-chevron-right:before {
            content: "\f054"
        }

        .fa-plus-circle:before {
            content: "\f055"
        }

        .fa-minus-circle:before {
            content: "\f056"
        }

        .fa-times-circle:before {
            content: "\f057"
        }

        .fa-check-circle:before {
            content: "\f058"
        }

        .fa-question-circle:before {
            content: "\f059"
        }

        .fa-info-circle:before {
            content: "\f05a"
        }

        .fa-crosshairs:before {
            content: "\f05b"
        }

        .fa-times-circle-o:before {
            content: "\f05c"
        }

        .fa-check-circle-o:before {
            content: "\f05d"
        }

        .fa-ban:before {
            content: "\f05e"
        }

        .fa-arrow-left:before {
            content: "\f060"
        }

        .fa-arrow-right:before {
            content: "\f061"
        }

        .fa-arrow-up:before {
            content: "\f062"
        }

        .fa-arrow-down:before {
            content: "\f063"
        }

        .fa-mail-forward:before,
        .fa-share:before {
            content: "\f064"
        }

        .fa-expand:before {
            content: "\f065"
        }

        .fa-compress:before {
            content: "\f066"
        }

        .fa-plus:before {
            content: "\f067"
        }

        .fa-minus:before {
            content: "\f068"
        }

        .fa-asterisk:before {
            content: "\f069"
        }

        .fa-exclamation-circle:before {
            content: "\f06a"
        }

        .fa-gift:before {
            content: "\f06b"
        }

        .fa-leaf:before {
            content: "\f06c"
        }

        .fa-fire:before {
            content: "\f06d"
        }

        .fa-eye:before {
            content: "\f06e"
        }

        .fa-eye-slash:before {
            content: "\f070"
        }

        .fa-warning:before,
        .fa-exclamation-triangle:before {
            content: "\f071"
        }

        .fa-plane:before {
            content: "\f072"
        }

        .fa-calendar:before {
            content: "\f073"
        }

        .fa-random:before {
            content: "\f074"
        }

        .fa-comment:before {
            content: "\f075"
        }

        .fa-magnet:before {
            content: "\f076"
        }

        .fa-chevron-up:before {
            content: "\f077"
        }

        .fa-chevron-down:before {
            content: "\f078"
        }

        .fa-retweet:before {
            content: "\f079"
        }

        .fa-shopping-cart:before {
            content: "\f07a"
        }

        .fa-folder:before {
            content: "\f07b"
        }

        .fa-folder-open:before {
            content: "\f07c"
        }

        .fa-arrows-v:before {
            content: "\f07d"
        }

        .fa-arrows-h:before {
            content: "\f07e"
        }

        .fa-bar-chart-o:before,
        .fa-bar-chart:before {
            content: "\f080"
        }

        .fa-twitter-square:before {
            content: "\f081"
        }

        .fa-facebook-square:before {
            content: "\f082"
        }

        .fa-camera-retro:before {
            content: "\f083"
        }

        .fa-key:before {
            content: "\f084"
        }

        .fa-gears:before,
        .fa-cogs:before {
            content: "\f085"
        }

        .fa-comments:before {
            content: "\f086"
        }

        .fa-thumbs-o-up:before {
            content: "\f087"
        }

        .fa-thumbs-o-down:before {
            content: "\f088"
        }

        .fa-star-half:before {
            content: "\f089"
        }

        .fa-heart-o:before {
            content: "\f08a"
        }

        .fa-sign-out:before {
            content: "\f08b"
        }

        .fa-linkedin-square:before {
            content: "\f08c"
        }

        .fa-thumb-tack:before {
            content: "\f08d"
        }

        .fa-external-link:before {
            content: "\f08e"
        }

        .fa-sign-in:before {
            content: "\f090"
        }

        .fa-trophy:before {
            content: "\f091"
        }

        .fa-github-square:before {
            content: "\f092"
        }

        .fa-upload:before {
            content: "\f093"
        }

        .fa-lemon-o:before {
            content: "\f094"
        }

        .fa-phone:before {
            content: "\f095"
        }

        .fa-square-o:before {
            content: "\f096"
        }

        .fa-bookmark-o:before {
            content: "\f097"
        }

        .fa-phone-square:before {
            content: "\f098"
        }

        .fa-twitter:before {
            content: "\f099"
        }

        .fa-facebook-f:before,
        .fa-facebook:before {
            content: "\f09a"
        }

        .fa-github:before {
            content: "\f09b"
        }

        .fa-unlock:before {
            content: "\f09c"
        }

        .fa-credit-card:before {
            content: "\f09d"
        }

        .fa-feed:before,
        .fa-rss:before {
            content: "\f09e"
        }

        .fa-hdd-o:before {
            content: "\f0a0"
        }

        .fa-bullhorn:before {
            content: "\f0a1"
        }

        .fa-bell:before {
            content: "\f0f3"
        }

        .fa-certificate:before {
            content: "\f0a3"
        }

        .fa-hand-o-right:before {
            content: "\f0a4"
        }

        .fa-hand-o-left:before {
            content: "\f0a5"
        }

        .fa-hand-o-up:before {
            content: "\f0a6"
        }

        .fa-hand-o-down:before {
            content: "\f0a7"
        }

        .fa-arrow-circle-left:before {
            content: "\f0a8"
        }

        .fa-arrow-circle-right:before {
            content: "\f0a9"
        }

        .fa-arrow-circle-up:before {
            content: "\f0aa"
        }

        .fa-arrow-circle-down:before {
            content: "\f0ab"
        }

        .fa-globe:before {
            content: "\f0ac"
        }

        .fa-wrench:before {
            content: "\f0ad"
        }

        .fa-tasks:before {
            content: "\f0ae"
        }

        .fa-filter:before {
            content: "\f0b0"
        }

        .fa-briefcase:before {
            content: "\f0b1"
        }

        .fa-arrows-alt:before {
            content: "\f0b2"
        }

        .fa-group:before,
        .fa-users:before {
            content: "\f0c0"
        }

        .fa-chain:before,
        .fa-link:before {
            content: "\f0c1"
        }

        .fa-cloud:before {
            content: "\f0c2"
        }

        .fa-flask:before {
            content: "\f0c3"
        }

        .fa-cut:before,
        .fa-scissors:before {
            content: "\f0c4"
        }

        .fa-copy:before,
        .fa-files-o:before {
            content: "\f0c5"
        }

        .fa-paperclip:before {
            content: "\f0c6"
        }

        .fa-save:before,
        .fa-floppy-o:before {
            content: "\f0c7"
        }

        .fa-square:before {
            content: "\f0c8"
        }

        .fa-navicon:before,
        .fa-reorder:before,
        .fa-bars:before {
            content: "\f0c9"
        }

        .fa-list-ul:before {
            content: "\f0ca"
        }

        .fa-list-ol:before {
            content: "\f0cb"
        }

        .fa-strikethrough:before {
            content: "\f0cc"
        }

        .fa-underline:before {
            content: "\f0cd"
        }

        .fa-table:before {
            content: "\f0ce"
        }

        .fa-magic:before {
            content: "\f0d0"
        }

        .fa-truck:before {
            content: "\f0d1"
        }

        .fa-pinterest:before {
            content: "\f0d2"
        }

        .fa-pinterest-square:before {
            content: "\f0d3"
        }

        .fa-google-plus-square:before {
            content: "\f0d4"
        }

        .fa-google-plus:before {
            content: "\f0d5"
        }

        .fa-money:before {
            content: "\f0d6"
        }

        .fa-caret-down:before {
            content: "\f0d7"
        }

        .fa-caret-up:before {
            content: "\f0d8"
        }

        .fa-caret-left:before {
            content: "\f0d9"
        }

        .fa-caret-right:before {
            content: "\f0da"
        }

        .fa-columns:before {
            content: "\f0db"
        }

        .fa-unsorted:before,
        .fa-sort:before {
            content: "\f0dc"
        }

        .fa-sort-down:before,
        .fa-sort-desc:before {
            content: "\f0dd"
        }

        .fa-sort-up:before,
        .fa-sort-asc:before {
            content: "\f0de"
        }

        .fa-envelope:before {
            content: "\f0e0"
        }

        .fa-linkedin:before {
            content: "\f0e1"
        }

        .fa-rotate-left:before,
        .fa-undo:before {
            content: "\f0e2"
        }

        .fa-legal:before,
        .fa-gavel:before {
            content: "\f0e3"
        }

        .fa-dashboard:before,
        .fa-tachometer:before {
            content: "\f0e4"
        }

        .fa-comment-o:before {
            content: "\f0e5"
        }

        .fa-comments-o:before {
            content: "\f0e6"
        }

        .fa-flash:before,
        .fa-bolt:before {
            content: "\f0e7"
        }

        .fa-sitemap:before {
            content: "\f0e8"
        }

        .fa-umbrella:before {
            content: "\f0e9"
        }

        .fa-paste:before,
        .fa-clipboard:before {
            content: "\f0ea"
        }

        .fa-lightbulb-o:before {
            content: "\f0eb"
        }

        .fa-exchange:before {
            content: "\f0ec"
        }

        .fa-cloud-download:before {
            content: "\f0ed"
        }

        .fa-cloud-upload:before {
            content: "\f0ee"
        }

        .fa-user-md:before {
            content: "\f0f0"
        }

        .fa-stethoscope:before {
            content: "\f0f1"
        }

        .fa-suitcase:before {
            content: "\f0f2"
        }

        .fa-bell-o:before {
            content: "\f0a2"
        }

        .fa-coffee:before {
            content: "\f0f4"
        }

        .fa-cutlery:before {
            content: "\f0f5"
        }

        .fa-file-text-o:before {
            content: "\f0f6"
        }

        .fa-building-o:before {
            content: "\f0f7"
        }

        .fa-hospital-o:before {
            content: "\f0f8"
        }

        .fa-ambulance:before {
            content: "\f0f9"
        }

        .fa-medkit:before {
            content: "\f0fa"
        }

        .fa-fighter-jet:before {
            content: "\f0fb"
        }

        .fa-beer:before {
            content: "\f0fc"
        }

        .fa-h-square:before {
            content: "\f0fd"
        }

        .fa-plus-square:before {
            content: "\f0fe"
        }

        .fa-angle-double-left:before {
            content: "\f100"
        }

        .fa-angle-double-right:before {
            content: "\f101"
        }

        .fa-angle-double-up:before {
            content: "\f102"
        }

        .fa-angle-double-down:before {
            content: "\f103"
        }

        .fa-angle-left:before {
            content: "\f104"
        }

        .fa-angle-right:before {
            content: "\f105"
        }

        .fa-angle-up:before {
            content: "\f106"
        }

        .fa-angle-down:before {
            content: "\f107"
        }

        .fa-desktop:before {
            content: "\f108"
        }

        .fa-laptop:before {
            content: "\f109"
        }

        .fa-tablet:before {
            content: "\f10a"
        }

        .fa-mobile-phone:before,
        .fa-mobile:before {
            content: "\f10b"
        }

        .fa-circle-o:before {
            content: "\f10c"
        }

        .fa-quote-left:before {
            content: "\f10d"
        }

        .fa-quote-right:before {
            content: "\f10e"
        }

        .fa-spinner:before {
            content: "\f110"
        }

        .fa-circle:before {
            content: "\f111"
        }

        .fa-mail-reply:before,
        .fa-reply:before {
            content: "\f112"
        }

        .fa-github-alt:before {
            content: "\f113"
        }

        .fa-folder-o:before {
            content: "\f114"
        }

        .fa-folder-open-o:before {
            content: "\f115"
        }

        .fa-smile-o:before {
            content: "\f118"
        }

        .fa-frown-o:before {
            content: "\f119"
        }

        .fa-meh-o:before {
            content: "\f11a"
        }

        .fa-gamepad:before {
            content: "\f11b"
        }

        .fa-keyboard-o:before {
            content: "\f11c"
        }

        .fa-flag-o:before {
            content: "\f11d"
        }

        .fa-flag-checkered:before {
            content: "\f11e"
        }

        .fa-terminal:before {
            content: "\f120"
        }

        .fa-code:before {
            content: "\f121"
        }

        .fa-mail-reply-all:before,
        .fa-reply-all:before {
            content: "\f122"
        }

        .fa-star-half-empty:before,
        .fa-star-half-full:before,
        .fa-star-half-o:before {
            content: "\f123"
        }

        .fa-location-arrow:before {
            content: "\f124"
        }

        .fa-crop:before {
            content: "\f125"
        }

        .fa-code-fork:before {
            content: "\f126"
        }

        .fa-unlink:before,
        .fa-chain-broken:before {
            content: "\f127"
        }

        .fa-question:before {
            content: "\f128"
        }

        .fa-info:before {
            content: "\f129"
        }

        .fa-exclamation:before {
            content: "\f12a"
        }

        .fa-superscript:before {
            content: "\f12b"
        }

        .fa-subscript:before {
            content: "\f12c"
        }

        .fa-eraser:before {
            content: "\f12d"
        }

        .fa-puzzle-piece:before {
            content: "\f12e"
        }

        .fa-microphone:before {
            content: "\f130"
        }

        .fa-microphone-slash:before {
            content: "\f131"
        }

        .fa-shield:before {
            content: "\f132"
        }

        .fa-calendar-o:before {
            content: "\f133"
        }

        .fa-fire-extinguisher:before {
            content: "\f134"
        }

        .fa-rocket:before {
            content: "\f135"
        }

        .fa-maxcdn:before {
            content: "\f136"
        }

        .fa-chevron-circle-left:before {
            content: "\f137"
        }

        .fa-chevron-circle-right:before {
            content: "\f138"
        }

        .fa-chevron-circle-up:before {
            content: "\f139"
        }

        .fa-chevron-circle-down:before {
            content: "\f13a"
        }

        .fa-html5:before {
            content: "\f13b"
        }

        .fa-css3:before {
            content: "\f13c"
        }

        .fa-anchor:before {
            content: "\f13d"
        }

        .fa-unlock-alt:before {
            content: "\f13e"
        }

        .fa-bullseye:before {
            content: "\f140"
        }

        .fa-ellipsis-h:before {
            content: "\f141"
        }

        .fa-ellipsis-v:before {
            content: "\f142"
        }

        .fa-rss-square:before {
            content: "\f143"
        }

        .fa-play-circle:before {
            content: "\f144"
        }

        .fa-ticket:before {
            content: "\f145"
        }

        .fa-minus-square:before {
            content: "\f146"
        }

        .fa-minus-square-o:before {
            content: "\f147"
        }

        .fa-level-up:before {
            content: "\f148"
        }

        .fa-level-down:before {
            content: "\f149"
        }

        .fa-check-square:before {
            content: "\f14a"
        }

        .fa-pencil-square:before {
            content: "\f14b"
        }

        .fa-external-link-square:before {
            content: "\f14c"
        }

        .fa-share-square:before {
            content: "\f14d"
        }

        .fa-compass:before {
            content: "\f14e"
        }

        .fa-toggle-down:before,
        .fa-caret-square-o-down:before {
            content: "\f150"
        }

        .fa-toggle-up:before,
        .fa-caret-square-o-up:before {
            content: "\f151"
        }

        .fa-toggle-right:before,
        .fa-caret-square-o-right:before {
            content: "\f152"
        }

        .fa-euro:before,
        .fa-eur:before {
            content: "\f153"
        }

        .fa-gbp:before {
            content: "\f154"
        }

        .fa-dollar:before,
        .fa-usd:before {
            content: "\f155"
        }

        .fa-rupee:before,
        .fa-inr:before {
            content: "\f156"
        }

        .fa-cny:before,
        .fa-rmb:before,
        .fa-yen:before,
        .fa-jpy:before {
            content: "\f157"
        }

        .fa-ruble:before,
        .fa-rouble:before,
        .fa-rub:before {
            content: "\f158"
        }

        .fa-won:before,
        .fa-krw:before {
            content: "\f159"
        }

        .fa-bitcoin:before,
        .fa-btc:before {
            content: "\f15a"
        }

        .fa-file:before {
            content: "\f15b"
        }

        .fa-file-text:before {
            content: "\f15c"
        }

        .fa-sort-alpha-asc:before {
            content: "\f15d"
        }

        .fa-sort-alpha-desc:before {
            content: "\f15e"
        }

        .fa-sort-amount-asc:before {
            content: "\f160"
        }

        .fa-sort-amount-desc:before {
            content: "\f161"
        }

        .fa-sort-numeric-asc:before {
            content: "\f162"
        }

        .fa-sort-numeric-desc:before {
            content: "\f163"
        }

        .fa-thumbs-up:before {
            content: "\f164"
        }

        .fa-thumbs-down:before {
            content: "\f165"
        }

        .fa-youtube-square:before {
            content: "\f166"
        }

        .fa-youtube:before {
            content: "\f167"
        }

        .fa-xing:before {
            content: "\f168"
        }

        .fa-xing-square:before {
            content: "\f169"
        }

        .fa-youtube-play:before {
            content: "\f16a"
        }

        .fa-dropbox:before {
            content: "\f16b"
        }

        .fa-stack-overflow:before {
            content: "\f16c"
        }

        .fa-instagram:before {
            content: "\f16d"
        }

        .fa-flickr:before {
            content: "\f16e"
        }

        .fa-adn:before {
            content: "\f170"
        }

        .fa-bitbucket:before {
            content: "\f171"
        }

        .fa-bitbucket-square:before {
            content: "\f172"
        }

        .fa-tumblr:before {
            content: "\f173"
        }

        .fa-tumblr-square:before {
            content: "\f174"
        }

        .fa-long-arrow-down:before {
            content: "\f175"
        }

        .fa-long-arrow-up:before {
            content: "\f176"
        }

        .fa-long-arrow-left:before {
            content: "\f177"
        }

        .fa-long-arrow-right:before {
            content: "\f178"
        }

        .fa-apple:before {
            content: "\f179"
        }

        .fa-windows:before {
            content: "\f17a"
        }

        .fa-android:before {
            content: "\f17b"
        }

        .fa-linux:before {
            content: "\f17c"
        }

        .fa-dribbble:before {
            content: "\f17d"
        }

        .fa-skype:before {
            content: "\f17e"
        }

        .fa-foursquare:before {
            content: "\f180"
        }

        .fa-trello:before {
            content: "\f181"
        }

        .fa-female:before {
            content: "\f182"
        }

        .fa-male:before {
            content: "\f183"
        }

        .fa-gittip:before,
        .fa-gratipay:before {
            content: "\f184"
        }

        .fa-sun-o:before {
            content: "\f185"
        }

        .fa-moon-o:before {
            content: "\f186"
        }

        .fa-archive:before {
            content: "\f187"
        }

        .fa-bug:before {
            content: "\f188"
        }

        .fa-vk:before {
            content: "\f189"
        }

        .fa-weibo:before {
            content: "\f18a"
        }

        .fa-renren:before {
            content: "\f18b"
        }

        .fa-pagelines:before {
            content: "\f18c"
        }

        .fa-stack-exchange:before {
            content: "\f18d"
        }

        .fa-arrow-circle-o-right:before {
            content: "\f18e"
        }

        .fa-arrow-circle-o-left:before {
            content: "\f190"
        }

        .fa-toggle-left:before,
        .fa-caret-square-o-left:before {
            content: "\f191"
        }

        .fa-dot-circle-o:before {
            content: "\f192"
        }

        .fa-wheelchair:before {
            content: "\f193"
        }

        .fa-vimeo-square:before {
            content: "\f194"
        }

        .fa-turkish-lira:before,
        .fa-try:before {
            content: "\f195"
        }

        .fa-plus-square-o:before {
            content: "\f196"
        }

        .fa-space-shuttle:before {
            content: "\f197"
        }

        .fa-slack:before {
            content: "\f198"
        }

        .fa-envelope-square:before {
            content: "\f199"
        }

        .fa-wordpress:before {
            content: "\f19a"
        }

        .fa-openid:before {
            content: "\f19b"
        }

        .fa-institution:before,
        .fa-bank:before,
        .fa-university:before {
            content: "\f19c"
        }

        .fa-mortar-board:before,
        .fa-graduation-cap:before {
            content: "\f19d"
        }

        .fa-yahoo:before {
            content: "\f19e"
        }

        .fa-google:before {
            content: "\f1a0"
        }

        .fa-reddit:before {
            content: "\f1a1"
        }

        .fa-reddit-square:before {
            content: "\f1a2"
        }

        .fa-stumbleupon-circle:before {
            content: "\f1a3"
        }

        .fa-stumbleupon:before {
            content: "\f1a4"
        }

        .fa-delicious:before {
            content: "\f1a5"
        }

        .fa-digg:before {
            content: "\f1a6"
        }

        .fa-pied-piper-pp:before {
            content: "\f1a7"
        }

        .fa-pied-piper-alt:before {
            content: "\f1a8"
        }

        .fa-drupal:before {
            content: "\f1a9"
        }

        .fa-joomla:before {
            content: "\f1aa"
        }

        .fa-language:before {
            content: "\f1ab"
        }

        .fa-fax:before {
            content: "\f1ac"
        }

        .fa-building:before {
            content: "\f1ad"
        }

        .fa-child:before {
            content: "\f1ae"
        }

        .fa-paw:before {
            content: "\f1b0"
        }

        .fa-spoon:before {
            content: "\f1b1"
        }

        .fa-cube:before {
            content: "\f1b2"
        }

        .fa-cubes:before {
            content: "\f1b3"
        }

        .fa-behance:before {
            content: "\f1b4"
        }

        .fa-behance-square:before {
            content: "\f1b5"
        }

        .fa-steam:before {
            content: "\f1b6"
        }

        .fa-steam-square:before {
            content: "\f1b7"
        }

        .fa-recycle:before {
            content: "\f1b8"
        }

        .fa-automobile:before,
        .fa-car:before {
            content: "\f1b9"
        }

        .fa-cab:before,
        .fa-taxi:before {
            content: "\f1ba"
        }

        .fa-tree:before {
            content: "\f1bb"
        }

        .fa-spotify:before {
            content: "\f1bc"
        }

        .fa-deviantart:before {
            content: "\f1bd"
        }

        .fa-soundcloud:before {
            content: "\f1be"
        }

        .fa-database:before {
            content: "\f1c0"
        }

        .fa-file-pdf-o:before {
            content: "\f1c1"
        }

        .fa-file-word-o:before {
            content: "\f1c2"
        }

        .fa-file-excel-o:before {
            content: "\f1c3"
        }

        .fa-file-powerpoint-o:before {
            content: "\f1c4"
        }

        .fa-file-photo-o:before,
        .fa-file-picture-o:before,
        .fa-file-image-o:before {
            content: "\f1c5"
        }

        .fa-file-zip-o:before,
        .fa-file-archive-o:before {
            content: "\f1c6"
        }

        .fa-file-sound-o:before,
        .fa-file-audio-o:before {
            content: "\f1c7"
        }

        .fa-file-movie-o:before,
        .fa-file-video-o:before {
            content: "\f1c8"
        }

        .fa-file-code-o:before {
            content: "\f1c9"
        }

        .fa-vine:before {
            content: "\f1ca"
        }

        .fa-codepen:before {
            content: "\f1cb"
        }

        .fa-jsfiddle:before {
            content: "\f1cc"
        }

        .fa-life-bouy:before,
        .fa-life-buoy:before,
        .fa-life-saver:before,
        .fa-support:before,
        .fa-life-ring:before {
            content: "\f1cd"
        }

        .fa-circle-o-notch:before {
            content: "\f1ce"
        }

        .fa-ra:before,
        .fa-resistance:before,
        .fa-rebel:before {
            content: "\f1d0"
        }

        .fa-ge:before,
        .fa-empire:before {
            content: "\f1d1"
        }

        .fa-git-square:before {
            content: "\f1d2"
        }

        .fa-git:before {
            content: "\f1d3"
        }

        .fa-y-combinator-square:before,
        .fa-yc-square:before,
        .fa-hacker-news:before {
            content: "\f1d4"
        }

        .fa-tencent-weibo:before {
            content: "\f1d5"
        }

        .fa-qq:before {
            content: "\f1d6"
        }

        .fa-wechat:before,
        .fa-weixin:before {
            content: "\f1d7"
        }

        .fa-send:before,
        .fa-paper-plane:before {
            content: "\f1d8"
        }

        .fa-send-o:before,
        .fa-paper-plane-o:before {
            content: "\f1d9"
        }

        .fa-history:before {
            content: "\f1da"
        }

        .fa-circle-thin:before {
            content: "\f1db"
        }

        .fa-header:before {
            content: "\f1dc"
        }

        .fa-paragraph:before {
            content: "\f1dd"
        }

        .fa-sliders:before {
            content: "\f1de"
        }

        .fa-share-alt:before {
            content: "\f1e0"
        }

        .fa-share-alt-square:before {
            content: "\f1e1"
        }

        .fa-bomb:before {
            content: "\f1e2"
        }

        .fa-soccer-ball-o:before,
        .fa-futbol-o:before {
            content: "\f1e3"
        }

        .fa-tty:before {
            content: "\f1e4"
        }

        .fa-binoculars:before {
            content: "\f1e5"
        }

        .fa-plug:before {
            content: "\f1e6"
        }

        .fa-slideshare:before {
            content: "\f1e7"
        }

        .fa-twitch:before {
            content: "\f1e8"
        }

        .fa-yelp:before {
            content: "\f1e9"
        }

        .fa-newspaper-o:before {
            content: "\f1ea"
        }

        .fa-wifi:before {
            content: "\f1eb"
        }

        .fa-calculator:before {
            content: "\f1ec"
        }

        .fa-paypal:before {
            content: "\f1ed"
        }

        .fa-google-wallet:before {
            content: "\f1ee"
        }

        .fa-cc-visa:before {
            content: "\f1f0"
        }

        .fa-cc-mastercard:before {
            content: "\f1f1"
        }

        .fa-cc-discover:before {
            content: "\f1f2"
        }

        .fa-cc-amex:before {
            content: "\f1f3"
        }

        .fa-cc-paypal:before {
            content: "\f1f4"
        }

        .fa-cc-stripe:before {
            content: "\f1f5"
        }

        .fa-bell-slash:before {
            content: "\f1f6"
        }

        .fa-bell-slash-o:before {
            content: "\f1f7"
        }

        .fa-trash:before {
            content: "\f1f8"
        }

        .fa-copyright:before {
            content: "\f1f9"
        }

        .fa-at:before {
            content: "\f1fa"
        }

        .fa-eyedropper:before {
            content: "\f1fb"
        }

        .fa-paint-brush:before {
            content: "\f1fc"
        }

        .fa-birthday-cake:before {
            content: "\f1fd"
        }

        .fa-area-chart:before {
            content: "\f1fe"
        }

        .fa-pie-chart:before {
            content: "\f200"
        }

        .fa-line-chart:before {
            content: "\f201"
        }

        .fa-lastfm:before {
            content: "\f202"
        }

        .fa-lastfm-square:before {
            content: "\f203"
        }

        .fa-toggle-off:before {
            content: "\f204"
        }

        .fa-toggle-on:before {
            content: "\f205"
        }

        .fa-bicycle:before {
            content: "\f206"
        }

        .fa-bus:before {
            content: "\f207"
        }

        .fa-ioxhost:before {
            content: "\f208"
        }

        .fa-angellist:before {
            content: "\f209"
        }

        .fa-cc:before {
            content: "\f20a"
        }

        .fa-shekel:before,
        .fa-sheqel:before,
        .fa-ils:before {
            content: "\f20b"
        }

        .fa-meanpath:before {
            content: "\f20c"
        }

        .fa-buysellads:before {
            content: "\f20d"
        }

        .fa-connectdevelop:before {
            content: "\f20e"
        }

        .fa-dashcube:before {
            content: "\f210"
        }

        .fa-forumbee:before {
            content: "\f211"
        }

        .fa-leanpub:before {
            content: "\f212"
        }

        .fa-sellsy:before {
            content: "\f213"
        }

        .fa-shirtsinbulk:before {
            content: "\f214"
        }

        .fa-simplybuilt:before {
            content: "\f215"
        }

        .fa-skyatlas:before {
            content: "\f216"
        }

        .fa-cart-plus:before {
            content: "\f217"
        }

        .fa-cart-arrow-down:before {
            content: "\f218"
        }

        .fa-diamond:before {
            content: "\f219"
        }

        .fa-ship:before {
            content: "\f21a"
        }

        .fa-user-secret:before {
            content: "\f21b"
        }

        .fa-motorcycle:before {
            content: "\f21c"
        }

        .fa-street-view:before {
            content: "\f21d"
        }

        .fa-heartbeat:before {
            content: "\f21e"
        }

        .fa-venus:before {
            content: "\f221"
        }

        .fa-mars:before {
            content: "\f222"
        }

        .fa-mercury:before {
            content: "\f223"
        }

        .fa-intersex:before,
        .fa-transgender:before {
            content: "\f224"
        }

        .fa-transgender-alt:before {
            content: "\f225"
        }

        .fa-venus-double:before {
            content: "\f226"
        }

        .fa-mars-double:before {
            content: "\f227"
        }

        .fa-venus-mars:before {
            content: "\f228"
        }

        .fa-mars-stroke:before {
            content: "\f229"
        }

        .fa-mars-stroke-v:before {
            content: "\f22a"
        }

        .fa-mars-stroke-h:before {
            content: "\f22b"
        }

        .fa-neuter:before {
            content: "\f22c"
        }

        .fa-genderless:before {
            content: "\f22d"
        }

        .fa-facebook-official:before {
            content: "\f230"
        }

        .fa-pinterest-p:before {
            content: "\f231"
        }

        .fa-whatsapp:before {
            content: "\f232"
        }

        .fa-server:before {
            content: "\f233"
        }

        .fa-user-plus:before {
            content: "\f234"
        }

        .fa-user-times:before {
            content: "\f235"
        }

        .fa-hotel:before,
        .fa-bed:before {
            content: "\f236"
        }

        .fa-viacoin:before {
            content: "\f237"
        }

        .fa-train:before {
            content: "\f238"
        }

        .fa-subway:before {
            content: "\f239"
        }

        .fa-medium:before {
            content: "\f23a"
        }

        .fa-yc:before,
        .fa-y-combinator:before {
            content: "\f23b"
        }

        .fa-optin-monster:before {
            content: "\f23c"
        }

        .fa-opencart:before {
            content: "\f23d"
        }

        .fa-expeditedssl:before {
            content: "\f23e"
        }

        .fa-battery-4:before,
        .fa-battery:before,
        .fa-battery-full:before {
            content: "\f240"
        }

        .fa-battery-3:before,
        .fa-battery-three-quarters:before {
            content: "\f241"
        }

        .fa-battery-2:before,
        .fa-battery-half:before {
            content: "\f242"
        }

        .fa-battery-1:before,
        .fa-battery-quarter:before {
            content: "\f243"
        }

        .fa-battery-0:before,
        .fa-battery-empty:before {
            content: "\f244"
        }

        .fa-mouse-pointer:before {
            content: "\f245"
        }

        .fa-i-cursor:before {
            content: "\f246"
        }

        .fa-object-group:before {
            content: "\f247"
        }

        .fa-object-ungroup:before {
            content: "\f248"
        }

        .fa-sticky-note:before {
            content: "\f249"
        }

        .fa-sticky-note-o:before {
            content: "\f24a"
        }

        .fa-cc-jcb:before {
            content: "\f24b"
        }

        .fa-cc-diners-club:before {
            content: "\f24c"
        }

        .fa-clone:before {
            content: "\f24d"
        }

        .fa-balance-scale:before {
            content: "\f24e"
        }

        .fa-hourglass-o:before {
            content: "\f250"
        }

        .fa-hourglass-1:before,
        .fa-hourglass-start:before {
            content: "\f251"
        }

        .fa-hourglass-2:before,
        .fa-hourglass-half:before {
            content: "\f252"
        }

        .fa-hourglass-3:before,
        .fa-hourglass-end:before {
            content: "\f253"
        }

        .fa-hourglass:before {
            content: "\f254"
        }

        .fa-hand-grab-o:before,
        .fa-hand-rock-o:before {
            content: "\f255"
        }

        .fa-hand-stop-o:before,
        .fa-hand-paper-o:before {
            content: "\f256"
        }

        .fa-hand-scissors-o:before {
            content: "\f257"
        }

        .fa-hand-lizard-o:before {
            content: "\f258"
        }

        .fa-hand-spock-o:before {
            content: "\f259"
        }

        .fa-hand-pointer-o:before {
            content: "\f25a"
        }

        .fa-hand-peace-o:before {
            content: "\f25b"
        }

        .fa-trademark:before {
            content: "\f25c"
        }

        .fa-registered:before {
            content: "\f25d"
        }

        .fa-creative-commons:before {
            content: "\f25e"
        }

        .fa-gg:before {
            content: "\f260"
        }

        .fa-gg-circle:before {
            content: "\f261"
        }

        .fa-tripadvisor:before {
            content: "\f262"
        }

        .fa-odnoklassniki:before {
            content: "\f263"
        }

        .fa-odnoklassniki-square:before {
            content: "\f264"
        }

        .fa-get-pocket:before {
            content: "\f265"
        }

        .fa-wikipedia-w:before {
            content: "\f266"
        }

        .fa-safari:before {
            content: "\f267"
        }

        .fa-chrome:before {
            content: "\f268"
        }

        .fa-firefox:before {
            content: "\f269"
        }

        .fa-opera:before {
            content: "\f26a"
        }

        .fa-internet-explorer:before {
            content: "\f26b"
        }

        .fa-tv:before,
        .fa-television:before {
            content: "\f26c"
        }

        .fa-contao:before {
            content: "\f26d"
        }

        .fa-500px:before {
            content: "\f26e"
        }

        .fa-amazon:before {
            content: "\f270"
        }

        .fa-calendar-plus-o:before {
            content: "\f271"
        }

        .fa-calendar-minus-o:before {
            content: "\f272"
        }

        .fa-calendar-times-o:before {
            content: "\f273"
        }

        .fa-calendar-check-o:before {
            content: "\f274"
        }

        .fa-industry:before {
            content: "\f275"
        }

        .fa-map-pin:before {
            content: "\f276"
        }

        .fa-map-signs:before {
            content: "\f277"
        }

        .fa-map-o:before {
            content: "\f278"
        }

        .fa-map:before {
            content: "\f279"
        }

        .fa-commenting:before {
            content: "\f27a"
        }

        .fa-commenting-o:before {
            content: "\f27b"
        }

        .fa-houzz:before {
            content: "\f27c"
        }

        .fa-vimeo:before {
            content: "\f27d"
        }

        .fa-black-tie:before {
            content: "\f27e"
        }

        .fa-fonticons:before {
            content: "\f280"
        }

        .fa-reddit-alien:before {
            content: "\f281"
        }

        .fa-edge:before {
            content: "\f282"
        }

        .fa-credit-card-alt:before {
            content: "\f283"
        }

        .fa-codiepie:before {
            content: "\f284"
        }

        .fa-modx:before {
            content: "\f285"
        }

        .fa-fort-awesome:before {
            content: "\f286"
        }

        .fa-usb:before {
            content: "\f287"
        }

        .fa-product-hunt:before {
            content: "\f288"
        }

        .fa-mixcloud:before {
            content: "\f289"
        }

        .fa-scribd:before {
            content: "\f28a"
        }

        .fa-pause-circle:before {
            content: "\f28b"
        }

        .fa-pause-circle-o:before {
            content: "\f28c"
        }

        .fa-stop-circle:before {
            content: "\f28d"
        }

        .fa-stop-circle-o:before {
            content: "\f28e"
        }

        .fa-shopping-bag:before {
            content: "\f290"
        }

        .fa-shopping-basket:before {
            content: "\f291"
        }

        .fa-hashtag:before {
            content: "\f292"
        }

        .fa-bluetooth:before {
            content: "\f293"
        }

        .fa-bluetooth-b:before {
            content: "\f294"
        }

        .fa-percent:before {
            content: "\f295"
        }

        .fa-gitlab:before {
            content: "\f296"
        }

        .fa-wpbeginner:before {
            content: "\f297"
        }

        .fa-wpforms:before {
            content: "\f298"
        }

        .fa-envira:before {
            content: "\f299"
        }

        .fa-universal-access:before {
            content: "\f29a"
        }

        .fa-wheelchair-alt:before {
            content: "\f29b"
        }

        .fa-question-circle-o:before {
            content: "\f29c"
        }

        .fa-blind:before {
            content: "\f29d"
        }

        .fa-audio-description:before {
            content: "\f29e"
        }

        .fa-volume-control-phone:before {
            content: "\f2a0"
        }

        .fa-braille:before {
            content: "\f2a1"
        }

        .fa-assistive-listening-systems:before {
            content: "\f2a2"
        }

        .fa-asl-interpreting:before,
        .fa-american-sign-language-interpreting:before {
            content: "\f2a3"
        }

        .fa-deafness:before,
        .fa-hard-of-hearing:before,
        .fa-deaf:before {
            content: "\f2a4"
        }

        .fa-glide:before {
            content: "\f2a5"
        }

        .fa-glide-g:before {
            content: "\f2a6"
        }

        .fa-signing:before,
        .fa-sign-language:before {
            content: "\f2a7"
        }

        .fa-low-vision:before {
            content: "\f2a8"
        }

        .fa-viadeo:before {
            content: "\f2a9"
        }

        .fa-viadeo-square:before {
            content: "\f2aa"
        }

        .fa-snapchat:before {
            content: "\f2ab"
        }

        .fa-snapchat-ghost:before {
            content: "\f2ac"
        }

        .fa-snapchat-square:before {
            content: "\f2ad"
        }

        .fa-pied-piper:before {
            content: "\f2ae"
        }

        .fa-first-order:before {
            content: "\f2b0"
        }

        .fa-yoast:before {
            content: "\f2b1"
        }

        .fa-themeisle:before {
            content: "\f2b2"
        }

        .fa-google-plus-circle:before,
        .fa-google-plus-official:before {
            content: "\f2b3"
        }

        .fa-fa:before,
        .fa-font-awesome:before {
            content: "\f2b4"
        }

        .fa-handshake-o:before {
            content: "\f2b5"
        }

        .fa-envelope-open:before {
            content: "\f2b6"
        }

        .fa-envelope-open-o:before {
            content: "\f2b7"
        }

        .fa-linode:before {
            content: "\f2b8"
        }

        .fa-address-book:before {
            content: "\f2b9"
        }

        .fa-address-book-o:before {
            content: "\f2ba"
        }

        .fa-vcard:before,
        .fa-address-card:before {
            content: "\f2bb"
        }

        .fa-vcard-o:before,
        .fa-address-card-o:before {
            content: "\f2bc"
        }

        .fa-user-circle:before {
            content: "\f2bd"
        }

        .fa-user-circle-o:before {
            content: "\f2be"
        }

        .fa-user-o:before {
            content: "\f2c0"
        }

        .fa-id-badge:before {
            content: "\f2c1"
        }

        .fa-drivers-license:before,
        .fa-id-card:before {
            content: "\f2c2"
        }

        .fa-drivers-license-o:before,
        .fa-id-card-o:before {
            content: "\f2c3"
        }

        .fa-quora:before {
            content: "\f2c4"
        }

        .fa-free-code-camp:before {
            content: "\f2c5"
        }

        .fa-telegram:before {
            content: "\f2c6"
        }

        .fa-thermometer-4:before,
        .fa-thermometer:before,
        .fa-thermometer-full:before {
            content: "\f2c7"
        }

        .fa-thermometer-3:before,
        .fa-thermometer-three-quarters:before {
            content: "\f2c8"
        }

        .fa-thermometer-2:before,
        .fa-thermometer-half:before {
            content: "\f2c9"
        }

        .fa-thermometer-1:before,
        .fa-thermometer-quarter:before {
            content: "\f2ca"
        }

        .fa-thermometer-0:before,
        .fa-thermometer-empty:before {
            content: "\f2cb"
        }

        .fa-shower:before {
            content: "\f2cc"
        }

        .fa-bathtub:before,
        .fa-s15:before,
        .fa-bath:before {
            content: "\f2cd"
        }

        .fa-podcast:before {
            content: "\f2ce"
        }

        .fa-window-maximize:before {
            content: "\f2d0"
        }

        .fa-window-minimize:before {
            content: "\f2d1"
        }

        .fa-window-restore:before {
            content: "\f2d2"
        }

        .fa-times-rectangle:before,
        .fa-window-close:before {
            content: "\f2d3"
        }

        .fa-times-rectangle-o:before,
        .fa-window-close-o:before {
            content: "\f2d4"
        }

        .fa-bandcamp:before {
            content: "\f2d5"
        }

        .fa-grav:before {
            content: "\f2d6"
        }

        .fa-etsy:before {
            content: "\f2d7"
        }

        .fa-imdb:before {
            content: "\f2d8"
        }

        .fa-ravelry:before {
            content: "\f2d9"
        }

        .fa-eercast:before {
            content: "\f2da"
        }

        .fa-microchip:before {
            content: "\f2db"
        }

        .fa-snowflake-o:before {
            content: "\f2dc"
        }

        .fa-superpowers:before {
            content: "\f2dd"
        }

        .fa-wpexplorer:before {
            content: "\f2de"
        }

        .fa-meetup:before {
            content: "\f2e0"
        }

        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0
        }

        .sr-only-focusable:active,
        .sr-only-focusable:focus {
            position: static;
            width: auto;
            height: auto;
            margin: 0;
            overflow: visible;
            clip: auto
        }

        /* cyrillic-ext */
        @font-face {
            font-family: 'PT Serif';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v11/EJRVQgYoZZY2vCFuvAFbzr-tdg.woff2) format('woff2');
            unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }

        /* cyrillic */
        @font-face {
            font-family: 'PT Serif';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v11/EJRVQgYoZZY2vCFuvAFSzr-tdg.woff2) format('woff2');
            unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }

        /* latin-ext */
        @font-face {
            font-family: 'PT Serif';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v11/EJRVQgYoZZY2vCFuvAFYzr-tdg.woff2) format('woff2');
            unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        /* latin */
        @font-face {
            font-family: 'PT Serif';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v11/EJRVQgYoZZY2vCFuvAFWzr8.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
    </style>


    <style>
        html {
            line-height: 1.15;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%
        }

        body {
            margin: 0
        }

        article,
        aside,
        footer,
        header,
        nav,
        section {
            display: block
        }

        h1 {
            font-size: 2em;
            margin: .67em 0
        }

        figcaption,
        figure,
        main {
            display: block
        }

        figure {
            margin: 1em 40px
        }

        hr {
            box-sizing: content-box;
            height: 0;
            overflow: visible
        }

        pre {
            font-family: monospace, monospace;
            font-size: 1em
        }

        a {
            background-color: transparent;
            -webkit-text-decoration-skip: objects
        }

        abbr[title] {
            border-bottom: none;
            text-decoration: underline;
            text-decoration: underline dotted
        }

        b,
        strong {
            font-weight: inherit;
            font-weight: bolder
        }

        code,
        kbd,
        samp {
            font-family: monospace, monospace;
            font-size: 1em
        }

        dfn {
            font-style: italic
        }

        mark {
            background-color: #ff0;
            color: #000
        }

        small {
            font-size: 80%
        }

        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline
        }

        sub {
            bottom: -.25em
        }

        sup {
            top: -.5em
        }

        audio,
        video {
            display: inline-block
        }

        audio:not([controls]) {
            display: none;
            height: 0
        }

        img {
            border-style: none
        }

        svg:not(:root) {
            overflow: hidden
        }

        button,
        input,
        optgroup,
        select,
        textarea {
            font-family: sans-serif;
            font-size: 100%;
            line-height: 1.15;
            margin: 0
        }

        button,
        input {
            overflow: visible
        }

        button,
        select {
            text-transform: none
        }

        [type=reset],
        [type=submit],
        button,
        html [type=button] {
            -webkit-appearance: button
        }

        [type=button]::-moz-focus-inner,
        [type=reset]::-moz-focus-inner,
        [type=submit]::-moz-focus-inner,
        button::-moz-focus-inner {
            border-style: none;
            padding: 0
        }

        [type=button]:-moz-focusring,
        [type=reset]:-moz-focusring,
        [type=submit]:-moz-focusring,
        button:-moz-focusring {
            outline: 1px dotted ButtonText
        }

        fieldset {
            padding: .35em .75em .625em
        }

        legend {
            box-sizing: border-box;
            color: inherit;
            display: table;
            max-width: 100%;
            padding: 0;
            white-space: normal
        }

        progress {
            display: inline-block;
            vertical-align: baseline
        }

        textarea {
            overflow: auto
        }

        [type=checkbox],
        [type=radio] {
            box-sizing: border-box;
            padding: 0
        }

        [type=number]::-webkit-inner-spin-button,
        [type=number]::-webkit-outer-spin-button {
            height: auto
        }

        [type=search] {
            -webkit-appearance: textfield;
            outline-offset: -2px
        }

        [type=search]::-webkit-search-cancel-button,
        [type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
        }

        details,
        menu {
            display: block
        }

        summary {
            display: list-item
        }

        canvas {
            display: inline-block
        }

        [hidden],
        template {
            display: none
        }

        .clearfix {
            *zoom: 1
        }

        .clearfix:after {
            content: "";
            display: table;
            clear: both
        }

        .visually-hidden {
            position: absolute !important;
            overflow: hidden;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            border: 0;
            clip: rect(0 0 0 0)
        }

        .js-focus-hidden:focus {
            outline: none
        }

        .label-hidden {
            position: absolute !important;
            overflow: hidden;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            border: 0;
            clip: rect(0 0 0 0)
        }

        .no-placeholder .label-hidden,
        .visually-shown {
            position: inherit !important;
            overflow: auto;
            width: auto;
            height: auto;
            margin: 0;
            clip: auto
        }

        .no-js:not(html) {
            display: none
        }

        .no-js .no-js:not(html) {
            display: block
        }

        .no-js .js,
        .supports-no-cookies:not(html) {
            display: block
        }

        .supports-cookies:not(html) {
            display: none
        }

        html.supports-no-cookies .supports-no-cookies:not(html) {
            display: block
        }

        html.supports-no-cookies .supports-cookies {
            display: none
        }

        .skip-link:focus {
            position: absolute !important;
            overflow: auto;
            width: auto;
            height: auto;
            margin: 0;
            clip: auto;
            z-index: 10000;
            padding: 15px;
            background-color: #fff;
            color: #000;
            transition: none
        }

        [tabindex="-1"]:focus {
            outline: none
        }

        .flex {
            display: -ms-flexbox;
            display: flex
        }

        .flex-end {
            -ms-flex-item-align: end;
            align-self: flex-end
        }

        .flex-middle {
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center
        }

        .flex-col-wrap {
            -ms-flex-flow: column wrap;
            flex-flow: column wrap
        }

        .flex-col-wrap,
        .flex-row-wrap {
            display: -ms-flexbox;
            display: flex
        }

        .flex-row-wrap {
            -ms-flex-flow: row wrap;
            flex-flow: row wrap
        }

        .row.no-gutter-nested [class*=col],
        .row.no-gutter > [class*=col] {
            padding-right: 0;
            padding-left: 0
        }

        .flex-shaper {
            -ms-flex: 1;
            flex: 1
        }

        .text-right {
            text-align: right
        }

        .text-left {
            text-align: left
        }

        .text-center {
            text-align: center
        }

        .fw-500,
        .fw-500 a,
        .fw-500 li,
        .fw-500 p,
        .fw-500 span,
        .semibold,
        .semibold a,
        .semibold li,
        .semibold p,
        .semibold span {
            font-weight: 500
        }

        .fw-400,
        .fw-400 a,
        .fw-400 li,
        .fw-400 p,
        .fw-400 span {
            font-weight: 400
        }

        form {
            margin: 0
        }

        [role=button],
        a,
        area,
        button,
        input,
        label,
        select,
        summary,
        textarea {
            -ms-touch-action: manipulation;
            touch-action: manipulation
        }

        input,
        select,
        textarea {
            font-size: 16px;
            max-width: 100%;
            border: 1px solid #000;
            border-radius: 0
        }

        input[disabled],
        select[disabled],
        textarea[disabled] {
            border-color: #000;
            background-color: #000;
            cursor: default
        }

        button,
        input[type=submit],
        label[for] {
            cursor: pointer
        }

        textarea {
            min-height: 100px
        }

        select::-ms-expand {
            display: none
        }

        option {
            background-color: #fff;
            color: #000
        }

        .input-error {
            border-color: #d21e1e;
            background-color: rgba(210, 30, 30, .3);
            color: #000
        }

        *,
        :after,
        :before {
            box-sizing: border-box
        }

        body,
        html {
            height: auto;
            height: 100%;
            width: 100%
        }

        html {
            background-color: #fff
        }

        html.no-scroll {
            overflow: hidden;
            height: 100%
        }

        body {
            min-width: 320px
        }

        a,
        body,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        html,
        input,
        label,
        p {
            margin: 0;
            padding: 0
        }

        table {
            width: 100%
        }

        figure {
            margin: 0
        }

        img,
        picture {
            margin: 0;
            max-width: 100%
        }

        img {
            padding: 0;
            height: auto;
            border: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        iframe,
        video {
            max-width: 100%
        }

        html {
            font-size: 62.5%
        }

        body {
            font-size: 15px
        }

        body,
        button,
        input,
        select,
        textarea {
            -webkit-font-smoothing: antialiased;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            text-size-adjust: 100%
        }

        a:focus {
            color: inherit
        }

        p {
            margin: 0 0 15px
        }

        li,
        p {
            word-break: break-word
        }

        li {
            margin: 0 0 3px
        }

        a {
            text-decoration: none;
            word-break: break-word
        }

        a:focus {
            outline: 5px auto -webkit-focus-ring-color
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            word-break: break-word
        }

        h1 a,
        h1 p,
        h1 span,
        h2 a,
        h2 p,
        h2 span,
        h3 a,
        h3 p,
        h3 span,
        h4 a,
        h4 p,
        h4 span,
        h5 a,
        h5 p,
        h5 span,
        h6 a,
        h6 p,
        h6 span,
        p a,
        p p,
        p span {
            font-size: inherit;
            line-height: inherit;
            font-weight: inherit;
            color: inherit;
            text-decoration: inherit
        }

        ol,
        ul {
            margin: 0
        }

        div,
        label {
            word-break: break-word
        }

        input {
            border: none
        }

        input[type=email],
        input[type=password],
        input[type=search],
        input[type=tel],
        input[type=text] {
            font-size: 16px;
            line-height: 1;
            background-color: transparent;
            padding: 20px 15px;
            border-radius: 0;
            border: 1px solid #000;
            width: 100%
        }

        input[type=email]:-ms-input-placeholder,
        input[type=password]:-ms-input-placeholder,
        input[type=search]:-ms-input-placeholder,
        input[type=tel]:-ms-input-placeholder,
        input[type=text]:-ms-input-placeholder {
            font-weight: 400
        }

        input[type=email]::placeholder,
        input[type=password]::placeholder,
        input[type=search]::placeholder,
        input[type=tel]::placeholder,
        input[type=text]::placeholder {
            font-weight: 400
        }

        textarea {
            font-size: 16px;
            line-height: 1;
            background-color: transparent;
            padding: 20px 15px;
            border-radius: 0;
            border: 1px solid #000;
            width: 100%
        }

        textarea:-ms-input-placeholder {
            color: #000
        }

        textarea::placeholder {
            color: #000
        }

        button[type=submit],
        input[type=submit] {
            font-size: 13px;
            line-height: 14px;
            color: #fff;
            letter-spacing: .1px;
            transition: background-color .2s ease-in-out;
            text-align: center;
            text-decoration: none;
            padding: 12px 24px;
            background: none;
            background-color: #000;
            border-radius: 0;
            height: auto;
            display: inline-block;
            vertical-align: middle;
            width: auto;
            border: 0;
            white-space: normal;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            margin: 0 auto
        }

        button[type=submit]:active,
        button[type=submit]:hover,
        input[type=submit]:active,
        input[type=submit]:hover {
            background-color: #000
        }

        select {
            font-size: 16px;
            line-height: 1;
            background-color: #fff;
            padding: 20px 15px;
            border: 1px solid #000;
            border-radius: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            font-weight: 700
        }

        select:-ms-input-placeholder {
            font-weight: 400;
            color: #000
        }

        select::placeholder {
            font-weight: 400;
            color: #000
        }

        input[type=checkbox] {
            position: relative;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: 50%;
            border: none;
            width: 22px;
            height: 22px;
            display: inline-block;
            vertical-align: middle;
            margin: 0 10px 0 0
        }

        table {
            border-spacing: 0
        }

        table th {
            text-align: left;
            padding: 5px
        }

        table th:last-of-type {
            text-align: right
        }

        table td {
            text-align: left;
            padding: 5px;
            vertical-align: top
        }

        table td:last-of-type {
            text-align: right
        }

        html {
            box-sizing: border-box;
            -ms-overflow-style: scrollbar
        }

        *,
        :after,
        :before {
            box-sizing: inherit
        }

        .container {
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto
        }

        .container-fluid {
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto
        }

        .row {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: -15px;
            margin-left: -15px
        }

        .no-gutters {
            margin-right: 0;
            margin-left: 0
        }

        .no-gutters > .col,
        .no-gutters > [class*=col-] {
            padding-right: 0;
            padding-left: 0
        }

        .col,
        .col-1,
        .col-2,
        .col-3,
        .col-4,
        .col-5,
        .col-6,
        .col-7,
        .col-8,
        .col-9,
        .col-10,
        .col-11,
        .col-12,
        .col-auto,
        .col-lg,
        .col-lg-1,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12,
        .col-lg-auto,
        .col-md,
        .col-md-1,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-md-10,
        .col-md-11,
        .col-md-12,
        .col-md-auto,
        .col-sm,
        .col-sm-1,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12,
        .col-sm-auto,
        .col-xl,
        .col-xl-1,
        .col-xl-2,
        .col-xl-3,
        .col-xl-4,
        .col-xl-5,
        .col-xl-6,
        .col-xl-7,
        .col-xl-8,
        .col-xl-9,
        .col-xl-10,
        .col-xl-11,
        .col-xl-12,
        .col-xl-auto {
            position: relative;
            width: 100%;
            padding-right: 15px;
            padding-left: 15px
        }

        .col {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%
        }

        .col-auto {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            max-width: 100%
        }

        .col-1 {
            -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
            max-width: 8.33333%
        }

        .col-2 {
            -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }

        .col-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%
        }

        .col-4 {
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }

        .col-5 {
            -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
            max-width: 41.66667%
        }

        .col-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%
        }

        .col-7 {
            -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
            max-width: 58.33333%
        }

        .col-8 {
            -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
            max-width: 66.66667%
        }

        .col-9 {
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%
        }

        .col-10 {
            -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
            max-width: 83.33333%
        }

        .col-11 {
            -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
            max-width: 91.66667%
        }

        .col-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }

        .order-first {
            -ms-flex-order: -1;
            order: -1
        }

        .order-last {
            -ms-flex-order: 13;
            order: 13
        }

        .order-0 {
            -ms-flex-order: 0;
            order: 0
        }

        .order-1 {
            -ms-flex-order: 1;
            order: 1
        }

        .order-2 {
            -ms-flex-order: 2;
            order: 2
        }

        .order-3 {
            -ms-flex-order: 3;
            order: 3
        }

        .order-4 {
            -ms-flex-order: 4;
            order: 4
        }

        .order-5 {
            -ms-flex-order: 5;
            order: 5
        }

        .order-6 {
            -ms-flex-order: 6;
            order: 6
        }

        .order-7 {
            -ms-flex-order: 7;
            order: 7
        }

        .order-8 {
            -ms-flex-order: 8;
            order: 8
        }

        .order-9 {
            -ms-flex-order: 9;
            order: 9
        }

        .order-10 {
            -ms-flex-order: 10;
            order: 10
        }

        .order-11 {
            -ms-flex-order: 11;
            order: 11
        }

        .order-12 {
            -ms-flex-order: 12;
            order: 12
        }

        .offset-1 {
            margin-left: 8.33333%
        }

        .offset-2 {
            margin-left: 16.66667%
        }

        .offset-3 {
            margin-left: 25%
        }

        .offset-4 {
            margin-left: 33.33333%
        }

        .offset-5 {
            margin-left: 41.66667%
        }

        .offset-6 {
            margin-left: 50%
        }

        .offset-7 {
            margin-left: 58.33333%
        }

        .offset-8 {
            margin-left: 66.66667%
        }

        .offset-9 {
            margin-left: 75%
        }

        .offset-10 {
            margin-left: 83.33333%
        }

        .offset-11 {
            margin-left: 91.66667%
        }

        @media (min-width: 576px) {
            .col-sm {
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                -ms-flex-positive: 1;
                flex-grow: 1;
                max-width: 100%
            }

            .col-sm-auto {
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: auto;
                max-width: 100%
            }

            .col-sm-1 {
                -ms-flex: 0 0 8.33333%;
                flex: 0 0 8.33333%;
                max-width: 8.33333%
            }

            .col-sm-2 {
                -ms-flex: 0 0 16.66667%;
                flex: 0 0 16.66667%;
                max-width: 16.66667%
            }

            .col-sm-3 {
                -ms-flex: 0 0 25%;
                flex: 0 0 25%;
                max-width: 25%
            }

            .col-sm-4 {
                -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
                max-width: 33.33333%
            }

            .col-sm-5 {
                -ms-flex: 0 0 41.66667%;
                flex: 0 0 41.66667%;
                max-width: 41.66667%
            }

            .col-sm-6 {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%
            }

            .col-sm-7 {
                -ms-flex: 0 0 58.33333%;
                flex: 0 0 58.33333%;
                max-width: 58.33333%
            }

            .col-sm-8 {
                -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
                max-width: 66.66667%
            }

            .col-sm-9 {
                -ms-flex: 0 0 75%;
                flex: 0 0 75%;
                max-width: 75%
            }

            .col-sm-10 {
                -ms-flex: 0 0 83.33333%;
                flex: 0 0 83.33333%;
                max-width: 83.33333%
            }

            .col-sm-11 {
                -ms-flex: 0 0 91.66667%;
                flex: 0 0 91.66667%;
                max-width: 91.66667%
            }

            .col-sm-12 {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%
            }

            .order-sm-first {
                -ms-flex-order: -1;
                order: -1
            }

            .order-sm-last {
                -ms-flex-order: 13;
                order: 13
            }

            .order-sm-0 {
                -ms-flex-order: 0;
                order: 0
            }

            .order-sm-1 {
                -ms-flex-order: 1;
                order: 1
            }

            .order-sm-2 {
                -ms-flex-order: 2;
                order: 2
            }

            .order-sm-3 {
                -ms-flex-order: 3;
                order: 3
            }

            .order-sm-4 {
                -ms-flex-order: 4;
                order: 4
            }

            .order-sm-5 {
                -ms-flex-order: 5;
                order: 5
            }

            .order-sm-6 {
                -ms-flex-order: 6;
                order: 6
            }

            .order-sm-7 {
                -ms-flex-order: 7;
                order: 7
            }

            .order-sm-8 {
                -ms-flex-order: 8;
                order: 8
            }

            .order-sm-9 {
                -ms-flex-order: 9;
                order: 9
            }

            .order-sm-10 {
                -ms-flex-order: 10;
                order: 10
            }

            .order-sm-11 {
                -ms-flex-order: 11;
                order: 11
            }

            .order-sm-12 {
                -ms-flex-order: 12;
                order: 12
            }

            .offset-sm-0 {
                margin-left: 0
            }

            .offset-sm-1 {
                margin-left: 8.33333%
            }

            .offset-sm-2 {
                margin-left: 16.66667%
            }

            .offset-sm-3 {
                margin-left: 25%
            }

            .offset-sm-4 {
                margin-left: 33.33333%
            }

            .offset-sm-5 {
                margin-left: 41.66667%
            }

            .offset-sm-6 {
                margin-left: 50%
            }

            .offset-sm-7 {
                margin-left: 58.33333%
            }

            .offset-sm-8 {
                margin-left: 66.66667%
            }

            .offset-sm-9 {
                margin-left: 75%
            }

            .offset-sm-10 {
                margin-left: 83.33333%
            }

            .offset-sm-11 {
                margin-left: 91.66667%
            }
        }

        @media (min-width: 768px) {
            .col-md {
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                -ms-flex-positive: 1;
                flex-grow: 1;
                max-width: 100%
            }

            .col-md-auto {
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: auto;
                max-width: 100%
            }

            .col-md-1 {
                -ms-flex: 0 0 8.33333%;
                flex: 0 0 8.33333%;
                max-width: 8.33333%
            }

            .col-md-2 {
                -ms-flex: 0 0 16.66667%;
                flex: 0 0 16.66667%;
                max-width: 16.66667%
            }

            .col-md-3 {
                -ms-flex: 0 0 25%;
                flex: 0 0 25%;
                max-width: 25%
            }

            .col-md-4 {
                -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
                max-width: 33.33333%
            }

            .col-md-5 {
                -ms-flex: 0 0 41.66667%;
                flex: 0 0 41.66667%;
                max-width: 41.66667%
            }

            .col-md-6 {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%
            }

            .col-md-7 {
                -ms-flex: 0 0 58.33333%;
                flex: 0 0 58.33333%;
                max-width: 58.33333%
            }

            .col-md-8 {
                -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
                max-width: 66.66667%
            }

            .col-md-9 {
                -ms-flex: 0 0 75%;
                flex: 0 0 75%;
                max-width: 75%
            }

            .col-md-10 {
                -ms-flex: 0 0 83.33333%;
                flex: 0 0 83.33333%;
                max-width: 83.33333%
            }

            .col-md-11 {
                -ms-flex: 0 0 91.66667%;
                flex: 0 0 91.66667%;
                max-width: 91.66667%
            }

            .col-md-12 {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%
            }

            .order-md-first {
                -ms-flex-order: -1;
                order: -1
            }

            .order-md-last {
                -ms-flex-order: 13;
                order: 13
            }

            .order-md-0 {
                -ms-flex-order: 0;
                order: 0
            }

            .order-md-1 {
                -ms-flex-order: 1;
                order: 1
            }

            .order-md-2 {
                -ms-flex-order: 2;
                order: 2
            }

            .order-md-3 {
                -ms-flex-order: 3;
                order: 3
            }

            .order-md-4 {
                -ms-flex-order: 4;
                order: 4
            }

            .order-md-5 {
                -ms-flex-order: 5;
                order: 5
            }

            .order-md-6 {
                -ms-flex-order: 6;
                order: 6
            }

            .order-md-7 {
                -ms-flex-order: 7;
                order: 7
            }

            .order-md-8 {
                -ms-flex-order: 8;
                order: 8
            }

            .order-md-9 {
                -ms-flex-order: 9;
                order: 9
            }

            .order-md-10 {
                -ms-flex-order: 10;
                order: 10
            }

            .order-md-11 {
                -ms-flex-order: 11;
                order: 11
            }

            .order-md-12 {
                -ms-flex-order: 12;
                order: 12
            }

            .offset-md-0 {
                margin-left: 0
            }

            .offset-md-1 {
                margin-left: 8.33333%
            }

            .offset-md-2 {
                margin-left: 16.66667%
            }

            .offset-md-3 {
                margin-left: 25%
            }

            .offset-md-4 {
                margin-left: 33.33333%
            }

            .offset-md-5 {
                margin-left: 41.66667%
            }

            .offset-md-6 {
                margin-left: 50%
            }

            .offset-md-7 {
                margin-left: 58.33333%
            }

            .offset-md-8 {
                margin-left: 66.66667%
            }

            .offset-md-9 {
                margin-left: 75%
            }

            .offset-md-10 {
                margin-left: 83.33333%
            }

            .offset-md-11 {
                margin-left: 91.66667%
            }
        }

        @media (min-width: 992px) {
            .col-lg {
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                -ms-flex-positive: 1;
                flex-grow: 1;
                max-width: 100%
            }

            .col-lg-auto {
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: auto;
                max-width: 100%
            }

            .col-lg-1 {
                -ms-flex: 0 0 8.33333%;
                flex: 0 0 8.33333%;
                max-width: 8.33333%
            }

            .col-lg-2 {
                -ms-flex: 0 0 16.66667%;
                flex: 0 0 16.66667%;
                max-width: 16.66667%
            }

            .col-lg-3 {
                -ms-flex: 0 0 25%;
                flex: 0 0 25%;
                max-width: 25%
            }

            .col-lg-4 {
                -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
                max-width: 33.33333%
            }

            .col-lg-5 {
                -ms-flex: 0 0 41.66667%;
                flex: 0 0 41.66667%;
                max-width: 41.66667%
            }

            .col-lg-6 {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%
            }

            .col-lg-7 {
                -ms-flex: 0 0 58.33333%;
                flex: 0 0 58.33333%;
                max-width: 58.33333%
            }

            .col-lg-8 {
                -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
                max-width: 66.66667%
            }

            .col-lg-9 {
                -ms-flex: 0 0 75%;
                flex: 0 0 75%;
                max-width: 75%
            }

            .col-lg-10 {
                -ms-flex: 0 0 83.33333%;
                flex: 0 0 83.33333%;
                max-width: 83.33333%
            }

            .col-lg-11 {
                -ms-flex: 0 0 91.66667%;
                flex: 0 0 91.66667%;
                max-width: 91.66667%
            }

            .col-lg-12 {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%
            }

            .order-lg-first {
                -ms-flex-order: -1;
                order: -1
            }

            .order-lg-last {
                -ms-flex-order: 13;
                order: 13
            }

            .order-lg-0 {
                -ms-flex-order: 0;
                order: 0
            }

            .order-lg-1 {
                -ms-flex-order: 1;
                order: 1
            }

            .order-lg-2 {
                -ms-flex-order: 2;
                order: 2
            }

            .order-lg-3 {
                -ms-flex-order: 3;
                order: 3
            }

            .order-lg-4 {
                -ms-flex-order: 4;
                order: 4
            }

            .order-lg-5 {
                -ms-flex-order: 5;
                order: 5
            }

            .order-lg-6 {
                -ms-flex-order: 6;
                order: 6
            }

            .order-lg-7 {
                -ms-flex-order: 7;
                order: 7
            }

            .order-lg-8 {
                -ms-flex-order: 8;
                order: 8
            }

            .order-lg-9 {
                -ms-flex-order: 9;
                order: 9
            }

            .order-lg-10 {
                -ms-flex-order: 10;
                order: 10
            }

            .order-lg-11 {
                -ms-flex-order: 11;
                order: 11
            }

            .order-lg-12 {
                -ms-flex-order: 12;
                order: 12
            }

            .offset-lg-0 {
                margin-left: 0
            }

            .offset-lg-1 {
                margin-left: 8.33333%
            }

            .offset-lg-2 {
                margin-left: 16.66667%
            }

            .offset-lg-3 {
                margin-left: 25%
            }

            .offset-lg-4 {
                margin-left: 33.33333%
            }

            .offset-lg-5 {
                margin-left: 41.66667%
            }

            .offset-lg-6 {
                margin-left: 50%
            }

            .offset-lg-7 {
                margin-left: 58.33333%
            }

            .offset-lg-8 {
                margin-left: 66.66667%
            }

            .offset-lg-9 {
                margin-left: 75%
            }

            .offset-lg-10 {
                margin-left: 83.33333%
            }

            .offset-lg-11 {
                margin-left: 91.66667%
            }
        }

        @media (min-width: 1200px) {
            .col-xl {
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                -ms-flex-positive: 1;
                flex-grow: 1;
                max-width: 100%
            }

            .col-xl-auto {
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: auto;
                max-width: 100%
            }

            .col-xl-1 {
                -ms-flex: 0 0 8.33333%;
                flex: 0 0 8.33333%;
                max-width: 8.33333%
            }

            .col-xl-2 {
                -ms-flex: 0 0 16.66667%;
                flex: 0 0 16.66667%;
                max-width: 16.66667%
            }

            .col-xl-3 {
                -ms-flex: 0 0 25%;
                flex: 0 0 25%;
                max-width: 25%
            }

            .col-xl-4 {
                -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
                max-width: 33.33333%
            }

            .col-xl-5 {
                -ms-flex: 0 0 41.66667%;
                flex: 0 0 41.66667%;
                max-width: 41.66667%
            }

            .col-xl-6 {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%
            }

            .col-xl-7 {
                -ms-flex: 0 0 58.33333%;
                flex: 0 0 58.33333%;
                max-width: 58.33333%
            }

            .col-xl-8 {
                -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
                max-width: 66.66667%
            }

            .col-xl-9 {
                -ms-flex: 0 0 75%;
                flex: 0 0 75%;
                max-width: 75%
            }

            .col-xl-10 {
                -ms-flex: 0 0 83.33333%;
                flex: 0 0 83.33333%;
                max-width: 83.33333%
            }

            .col-xl-11 {
                -ms-flex: 0 0 91.66667%;
                flex: 0 0 91.66667%;
                max-width: 91.66667%
            }

            .col-xl-12 {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%
            }

            .order-xl-first {
                -ms-flex-order: -1;
                order: -1
            }

            .order-xl-last {
                -ms-flex-order: 13;
                order: 13
            }

            .order-xl-0 {
                -ms-flex-order: 0;
                order: 0
            }

            .order-xl-1 {
                -ms-flex-order: 1;
                order: 1
            }

            .order-xl-2 {
                -ms-flex-order: 2;
                order: 2
            }

            .order-xl-3 {
                -ms-flex-order: 3;
                order: 3
            }

            .order-xl-4 {
                -ms-flex-order: 4;
                order: 4
            }

            .order-xl-5 {
                -ms-flex-order: 5;
                order: 5
            }

            .order-xl-6 {
                -ms-flex-order: 6;
                order: 6
            }

            .order-xl-7 {
                -ms-flex-order: 7;
                order: 7
            }

            .order-xl-8 {
                -ms-flex-order: 8;
                order: 8
            }

            .order-xl-9 {
                -ms-flex-order: 9;
                order: 9
            }

            .order-xl-10 {
                -ms-flex-order: 10;
                order: 10
            }

            .order-xl-11 {
                -ms-flex-order: 11;
                order: 11
            }

            .order-xl-12 {
                -ms-flex-order: 12;
                order: 12
            }

            .offset-xl-0 {
                margin-left: 0
            }

            .offset-xl-1 {
                margin-left: 8.33333%
            }

            .offset-xl-2 {
                margin-left: 16.66667%
            }

            .offset-xl-3 {
                margin-left: 25%
            }

            .offset-xl-4 {
                margin-left: 33.33333%
            }

            .offset-xl-5 {
                margin-left: 41.66667%
            }

            .offset-xl-6 {
                margin-left: 50%
            }

            .offset-xl-7 {
                margin-left: 58.33333%
            }

            .offset-xl-8 {
                margin-left: 66.66667%
            }

            .offset-xl-9 {
                margin-left: 75%
            }

            .offset-xl-10 {
                margin-left: 83.33333%
            }

            .offset-xl-11 {
                margin-left: 91.66667%
            }
        }

        .d-none {
            display: none !important
        }

        .d-inline {
            display: inline !important
        }

        .d-inline-block {
            display: inline-block !important
        }

        .d-block {
            display: block !important
        }

        .d-table {
            display: table !important
        }

        .d-table-row {
            display: table-row !important
        }

        .d-table-cell {
            display: table-cell !important
        }

        .d-flex {
            display: -ms-flexbox !important;
            display: flex !important
        }

        .d-inline-flex {
            display: -ms-inline-flexbox !important;
            display: inline-flex !important
        }

        @media (min-width: 576px) {
            .d-sm-none {
                display: none !important
            }

            .d-sm-inline {
                display: inline !important
            }

            .d-sm-inline-block {
                display: inline-block !important
            }

            .d-sm-block {
                display: block !important
            }

            .d-sm-table {
                display: table !important
            }

            .d-sm-table-row {
                display: table-row !important
            }

            .d-sm-table-cell {
                display: table-cell !important
            }

            .d-sm-flex {
                display: -ms-flexbox !important;
                display: flex !important
            }

            .d-sm-inline-flex {
                display: -ms-inline-flexbox !important;
                display: inline-flex !important
            }
        }

        @media (min-width: 768px) {
            .d-md-none {
                display: none !important
            }

            .d-md-inline {
                display: inline !important
            }

            .d-md-inline-block {
                display: inline-block !important
            }

            .d-md-block {
                display: block !important
            }

            .d-md-table {
                display: table !important
            }

            .d-md-table-row {
                display: table-row !important
            }

            .d-md-table-cell {
                display: table-cell !important
            }

            .d-md-flex {
                display: -ms-flexbox !important;
                display: flex !important
            }

            .d-md-inline-flex {
                display: -ms-inline-flexbox !important;
                display: inline-flex !important
            }
        }

        @media (min-width: 992px) {
            .d-lg-none {
                display: none !important
            }

            .d-lg-inline {
                display: inline !important
            }

            .d-lg-inline-block {
                display: inline-block !important
            }

            .d-lg-block {
                display: block !important
            }

            .d-lg-table {
                display: table !important
            }

            .d-lg-table-row {
                display: table-row !important
            }

            .d-lg-table-cell {
                display: table-cell !important
            }

            .d-lg-flex {
                display: -ms-flexbox !important;
                display: flex !important
            }

            .d-lg-inline-flex {
                display: -ms-inline-flexbox !important;
                display: inline-flex !important
            }
        }

        @media (min-width: 1200px) {
            .d-xl-none {
                display: none !important
            }

            .d-xl-inline {
                display: inline !important
            }

            .d-xl-inline-block {
                display: inline-block !important
            }

            .d-xl-block {
                display: block !important
            }

            .d-xl-table {
                display: table !important
            }

            .d-xl-table-row {
                display: table-row !important
            }

            .d-xl-table-cell {
                display: table-cell !important
            }

            .d-xl-flex {
                display: -ms-flexbox !important;
                display: flex !important
            }

            .d-xl-inline-flex {
                display: -ms-inline-flexbox !important;
                display: inline-flex !important
            }
        }

        @media print {
            .d-print-none {
                display: none !important
            }

            .d-print-inline {
                display: inline !important
            }

            .d-print-inline-block {
                display: inline-block !important
            }

            .d-print-block {
                display: block !important
            }

            .d-print-table {
                display: table !important
            }

            .d-print-table-row {
                display: table-row !important
            }

            .d-print-table-cell {
                display: table-cell !important
            }

            .d-print-flex {
                display: -ms-flexbox !important;
                display: flex !important
            }

            .d-print-inline-flex {
                display: -ms-inline-flexbox !important;
                display: inline-flex !important
            }
        }

        .flex-row {
            -ms-flex-direction: row !important;
            flex-direction: row !important
        }

        .flex-column {
            -ms-flex-direction: column !important;
            flex-direction: column !important
        }

        .flex-row-reverse {
            -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important
        }

        .flex-column-reverse {
            -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important
        }

        .flex-wrap {
            -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important
        }

        .flex-nowrap {
            -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important
        }

        .flex-wrap-reverse {
            -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important
        }

        .flex-fill {
            -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important
        }

        .flex-grow-0 {
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important
        }

        .flex-grow-1 {
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important
        }

        .flex-shrink-0 {
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important
        }

        .flex-shrink-1 {
            -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important
        }

        .justify-content-start {
            -ms-flex-pack: start !important;
            justify-content: flex-start !important
        }

        .justify-content-end {
            -ms-flex-pack: end !important;
            justify-content: flex-end !important
        }

        .justify-content-center {
            -ms-flex-pack: center !important;
            justify-content: center !important
        }

        .justify-content-between {
            -ms-flex-pack: justify !important;
            justify-content: space-between !important
        }

        .justify-content-around {
            -ms-flex-pack: distribute !important;
            justify-content: space-around !important
        }

        .align-items-start {
            -ms-flex-align: start !important;
            align-items: flex-start !important
        }

        .align-items-end {
            -ms-flex-align: end !important;
            align-items: flex-end !important
        }

        .align-items-center {
            -ms-flex-align: center !important;
            align-items: center !important
        }

        .align-items-baseline {
            -ms-flex-align: baseline !important;
            align-items: baseline !important
        }

        .align-items-stretch {
            -ms-flex-align: stretch !important;
            align-items: stretch !important
        }

        .align-content-start {
            -ms-flex-line-pack: start !important;
            align-content: flex-start !important
        }

        .align-content-end {
            -ms-flex-line-pack: end !important;
            align-content: flex-end !important
        }

        .align-content-center {
            -ms-flex-line-pack: center !important;
            align-content: center !important
        }

        .align-content-between {
            -ms-flex-line-pack: justify !important;
            align-content: space-between !important
        }

        .align-content-around {
            -ms-flex-line-pack: distribute !important;
            align-content: space-around !important
        }

        .align-content-stretch {
            -ms-flex-line-pack: stretch !important;
            align-content: stretch !important
        }

        .align-self-auto {
            -ms-flex-item-align: auto !important;
            -ms-grid-row-align: auto !important;
            align-self: auto !important
        }

        .align-self-start {
            -ms-flex-item-align: start !important;
            align-self: flex-start !important
        }

        .align-self-end {
            -ms-flex-item-align: end !important;
            align-self: flex-end !important
        }

        .align-self-center {
            -ms-flex-item-align: center !important;
            -ms-grid-row-align: center !important;
            align-self: center !important
        }

        .align-self-baseline {
            -ms-flex-item-align: baseline !important;
            align-self: baseline !important
        }

        .align-self-stretch {
            -ms-flex-item-align: stretch !important;
            -ms-grid-row-align: stretch !important;
            align-self: stretch !important
        }

        @media (min-width: 576px) {
            .flex-sm-row {
                -ms-flex-direction: row !important;
                flex-direction: row !important
            }

            .flex-sm-column {
                -ms-flex-direction: column !important;
                flex-direction: column !important
            }

            .flex-sm-row-reverse {
                -ms-flex-direction: row-reverse !important;
                flex-direction: row-reverse !important
            }

            .flex-sm-column-reverse {
                -ms-flex-direction: column-reverse !important;
                flex-direction: column-reverse !important
            }

            .flex-sm-wrap {
                -ms-flex-wrap: wrap !important;
                flex-wrap: wrap !important
            }

            .flex-sm-nowrap {
                -ms-flex-wrap: nowrap !important;
                flex-wrap: nowrap !important
            }

            .flex-sm-wrap-reverse {
                -ms-flex-wrap: wrap-reverse !important;
                flex-wrap: wrap-reverse !important
            }

            .flex-sm-fill {
                -ms-flex: 1 1 auto !important;
                flex: 1 1 auto !important
            }

            .flex-sm-grow-0 {
                -ms-flex-positive: 0 !important;
                flex-grow: 0 !important
            }

            .flex-sm-grow-1 {
                -ms-flex-positive: 1 !important;
                flex-grow: 1 !important
            }

            .flex-sm-shrink-0 {
                -ms-flex-negative: 0 !important;
                flex-shrink: 0 !important
            }

            .flex-sm-shrink-1 {
                -ms-flex-negative: 1 !important;
                flex-shrink: 1 !important
            }

            .justify-content-sm-start {
                -ms-flex-pack: start !important;
                justify-content: flex-start !important
            }

            .justify-content-sm-end {
                -ms-flex-pack: end !important;
                justify-content: flex-end !important
            }

            .justify-content-sm-center {
                -ms-flex-pack: center !important;
                justify-content: center !important
            }

            .justify-content-sm-between {
                -ms-flex-pack: justify !important;
                justify-content: space-between !important
            }

            .justify-content-sm-around {
                -ms-flex-pack: distribute !important;
                justify-content: space-around !important
            }

            .align-items-sm-start {
                -ms-flex-align: start !important;
                align-items: flex-start !important
            }

            .align-items-sm-end {
                -ms-flex-align: end !important;
                align-items: flex-end !important
            }

            .align-items-sm-center {
                -ms-flex-align: center !important;
                align-items: center !important
            }

            .align-items-sm-baseline {
                -ms-flex-align: baseline !important;
                align-items: baseline !important
            }

            .align-items-sm-stretch {
                -ms-flex-align: stretch !important;
                align-items: stretch !important
            }

            .align-content-sm-start {
                -ms-flex-line-pack: start !important;
                align-content: flex-start !important
            }

            .align-content-sm-end {
                -ms-flex-line-pack: end !important;
                align-content: flex-end !important
            }

            .align-content-sm-center {
                -ms-flex-line-pack: center !important;
                align-content: center !important
            }

            .align-content-sm-between {
                -ms-flex-line-pack: justify !important;
                align-content: space-between !important
            }

            .align-content-sm-around {
                -ms-flex-line-pack: distribute !important;
                align-content: space-around !important
            }

            .align-content-sm-stretch {
                -ms-flex-line-pack: stretch !important;
                align-content: stretch !important
            }

            .align-self-sm-auto {
                -ms-flex-item-align: auto !important;
                -ms-grid-row-align: auto !important;
                align-self: auto !important
            }

            .align-self-sm-start {
                -ms-flex-item-align: start !important;
                align-self: flex-start !important
            }

            .align-self-sm-end {
                -ms-flex-item-align: end !important;
                align-self: flex-end !important
            }

            .align-self-sm-center {
                -ms-flex-item-align: center !important;
                -ms-grid-row-align: center !important;
                align-self: center !important
            }

            .align-self-sm-baseline {
                -ms-flex-item-align: baseline !important;
                align-self: baseline !important
            }

            .align-self-sm-stretch {
                -ms-flex-item-align: stretch !important;
                -ms-grid-row-align: stretch !important;
                align-self: stretch !important
            }
        }

        @media (min-width: 768px) {
            .flex-md-row {
                -ms-flex-direction: row !important;
                flex-direction: row !important
            }

            .flex-md-column {
                -ms-flex-direction: column !important;
                flex-direction: column !important
            }

            .flex-md-row-reverse {
                -ms-flex-direction: row-reverse !important;
                flex-direction: row-reverse !important
            }

            .flex-md-column-reverse {
                -ms-flex-direction: column-reverse !important;
                flex-direction: column-reverse !important
            }

            .flex-md-wrap {
                -ms-flex-wrap: wrap !important;
                flex-wrap: wrap !important
            }

            .flex-md-nowrap {
                -ms-flex-wrap: nowrap !important;
                flex-wrap: nowrap !important
            }

            .flex-md-wrap-reverse {
                -ms-flex-wrap: wrap-reverse !important;
                flex-wrap: wrap-reverse !important
            }

            .flex-md-fill {
                -ms-flex: 1 1 auto !important;
                flex: 1 1 auto !important
            }

            .flex-md-grow-0 {
                -ms-flex-positive: 0 !important;
                flex-grow: 0 !important
            }

            .flex-md-grow-1 {
                -ms-flex-positive: 1 !important;
                flex-grow: 1 !important
            }

            .flex-md-shrink-0 {
                -ms-flex-negative: 0 !important;
                flex-shrink: 0 !important
            }

            .flex-md-shrink-1 {
                -ms-flex-negative: 1 !important;
                flex-shrink: 1 !important
            }

            .justify-content-md-start {
                -ms-flex-pack: start !important;
                justify-content: flex-start !important
            }

            .justify-content-md-end {
                -ms-flex-pack: end !important;
                justify-content: flex-end !important
            }

            .justify-content-md-center {
                -ms-flex-pack: center !important;
                justify-content: center !important
            }

            .justify-content-md-between {
                -ms-flex-pack: justify !important;
                justify-content: space-between !important
            }

            .justify-content-md-around {
                -ms-flex-pack: distribute !important;
                justify-content: space-around !important
            }

            .align-items-md-start {
                -ms-flex-align: start !important;
                align-items: flex-start !important
            }

            .align-items-md-end {
                -ms-flex-align: end !important;
                align-items: flex-end !important
            }

            .align-items-md-center {
                -ms-flex-align: center !important;
                align-items: center !important
            }

            .align-items-md-baseline {
                -ms-flex-align: baseline !important;
                align-items: baseline !important
            }

            .align-items-md-stretch {
                -ms-flex-align: stretch !important;
                align-items: stretch !important
            }

            .align-content-md-start {
                -ms-flex-line-pack: start !important;
                align-content: flex-start !important
            }

            .align-content-md-end {
                -ms-flex-line-pack: end !important;
                align-content: flex-end !important
            }

            .align-content-md-center {
                -ms-flex-line-pack: center !important;
                align-content: center !important
            }

            .align-content-md-between {
                -ms-flex-line-pack: justify !important;
                align-content: space-between !important
            }

            .align-content-md-around {
                -ms-flex-line-pack: distribute !important;
                align-content: space-around !important
            }

            .align-content-md-stretch {
                -ms-flex-line-pack: stretch !important;
                align-content: stretch !important
            }

            .align-self-md-auto {
                -ms-flex-item-align: auto !important;
                -ms-grid-row-align: auto !important;
                align-self: auto !important
            }

            .align-self-md-start {
                -ms-flex-item-align: start !important;
                align-self: flex-start !important
            }

            .align-self-md-end {
                -ms-flex-item-align: end !important;
                align-self: flex-end !important
            }

            .align-self-md-center {
                -ms-flex-item-align: center !important;
                -ms-grid-row-align: center !important;
                align-self: center !important
            }

            .align-self-md-baseline {
                -ms-flex-item-align: baseline !important;
                align-self: baseline !important
            }

            .align-self-md-stretch {
                -ms-flex-item-align: stretch !important;
                -ms-grid-row-align: stretch !important;
                align-self: stretch !important
            }
        }

        @media (min-width: 992px) {
            .flex-lg-row {
                -ms-flex-direction: row !important;
                flex-direction: row !important
            }

            .flex-lg-column {
                -ms-flex-direction: column !important;
                flex-direction: column !important
            }

            .flex-lg-row-reverse {
                -ms-flex-direction: row-reverse !important;
                flex-direction: row-reverse !important
            }

            .flex-lg-column-reverse {
                -ms-flex-direction: column-reverse !important;
                flex-direction: column-reverse !important
            }

            .flex-lg-wrap {
                -ms-flex-wrap: wrap !important;
                flex-wrap: wrap !important
            }

            .flex-lg-nowrap {
                -ms-flex-wrap: nowrap !important;
                flex-wrap: nowrap !important
            }

            .flex-lg-wrap-reverse {
                -ms-flex-wrap: wrap-reverse !important;
                flex-wrap: wrap-reverse !important
            }

            .flex-lg-fill {
                -ms-flex: 1 1 auto !important;
                flex: 1 1 auto !important
            }

            .flex-lg-grow-0 {
                -ms-flex-positive: 0 !important;
                flex-grow: 0 !important
            }

            .flex-lg-grow-1 {
                -ms-flex-positive: 1 !important;
                flex-grow: 1 !important
            }

            .flex-lg-shrink-0 {
                -ms-flex-negative: 0 !important;
                flex-shrink: 0 !important
            }

            .flex-lg-shrink-1 {
                -ms-flex-negative: 1 !important;
                flex-shrink: 1 !important
            }

            .justify-content-lg-start {
                -ms-flex-pack: start !important;
                justify-content: flex-start !important
            }

            .justify-content-lg-end {
                -ms-flex-pack: end !important;
                justify-content: flex-end !important
            }

            .justify-content-lg-center {
                -ms-flex-pack: center !important;
                justify-content: center !important
            }

            .justify-content-lg-between {
                -ms-flex-pack: justify !important;
                justify-content: space-between !important
            }

            .justify-content-lg-around {
                -ms-flex-pack: distribute !important;
                justify-content: space-around !important
            }

            .align-items-lg-start {
                -ms-flex-align: start !important;
                align-items: flex-start !important
            }

            .align-items-lg-end {
                -ms-flex-align: end !important;
                align-items: flex-end !important
            }

            .align-items-lg-center {
                -ms-flex-align: center !important;
                align-items: center !important
            }

            .align-items-lg-baseline {
                -ms-flex-align: baseline !important;
                align-items: baseline !important
            }

            .align-items-lg-stretch {
                -ms-flex-align: stretch !important;
                align-items: stretch !important
            }

            .align-content-lg-start {
                -ms-flex-line-pack: start !important;
                align-content: flex-start !important
            }

            .align-content-lg-end {
                -ms-flex-line-pack: end !important;
                align-content: flex-end !important
            }

            .align-content-lg-center {
                -ms-flex-line-pack: center !important;
                align-content: center !important
            }

            .align-content-lg-between {
                -ms-flex-line-pack: justify !important;
                align-content: space-between !important
            }

            .align-content-lg-around {
                -ms-flex-line-pack: distribute !important;
                align-content: space-around !important
            }

            .align-content-lg-stretch {
                -ms-flex-line-pack: stretch !important;
                align-content: stretch !important
            }

            .align-self-lg-auto {
                -ms-flex-item-align: auto !important;
                -ms-grid-row-align: auto !important;
                align-self: auto !important
            }

            .align-self-lg-start {
                -ms-flex-item-align: start !important;
                align-self: flex-start !important
            }

            .align-self-lg-end {
                -ms-flex-item-align: end !important;
                align-self: flex-end !important
            }

            .align-self-lg-center {
                -ms-flex-item-align: center !important;
                -ms-grid-row-align: center !important;
                align-self: center !important
            }

            .align-self-lg-baseline {
                -ms-flex-item-align: baseline !important;
                align-self: baseline !important
            }

            .align-self-lg-stretch {
                -ms-flex-item-align: stretch !important;
                -ms-grid-row-align: stretch !important;
                align-self: stretch !important
            }
        }

        @media (min-width: 1200px) {
            .flex-xl-row {
                -ms-flex-direction: row !important;
                flex-direction: row !important
            }

            .flex-xl-column {
                -ms-flex-direction: column !important;
                flex-direction: column !important
            }

            .flex-xl-row-reverse {
                -ms-flex-direction: row-reverse !important;
                flex-direction: row-reverse !important
            }

            .flex-xl-column-reverse {
                -ms-flex-direction: column-reverse !important;
                flex-direction: column-reverse !important
            }

            .flex-xl-wrap {
                -ms-flex-wrap: wrap !important;
                flex-wrap: wrap !important
            }

            .flex-xl-nowrap {
                -ms-flex-wrap: nowrap !important;
                flex-wrap: nowrap !important
            }

            .flex-xl-wrap-reverse {
                -ms-flex-wrap: wrap-reverse !important;
                flex-wrap: wrap-reverse !important
            }

            .flex-xl-fill {
                -ms-flex: 1 1 auto !important;
                flex: 1 1 auto !important
            }

            .flex-xl-grow-0 {
                -ms-flex-positive: 0 !important;
                flex-grow: 0 !important
            }

            .flex-xl-grow-1 {
                -ms-flex-positive: 1 !important;
                flex-grow: 1 !important
            }

            .flex-xl-shrink-0 {
                -ms-flex-negative: 0 !important;
                flex-shrink: 0 !important
            }

            .flex-xl-shrink-1 {
                -ms-flex-negative: 1 !important;
                flex-shrink: 1 !important
            }

            .justify-content-xl-start {
                -ms-flex-pack: start !important;
                justify-content: flex-start !important
            }

            .justify-content-xl-end {
                -ms-flex-pack: end !important;
                justify-content: flex-end !important
            }

            .justify-content-xl-center {
                -ms-flex-pack: center !important;
                justify-content: center !important
            }

            .justify-content-xl-between {
                -ms-flex-pack: justify !important;
                justify-content: space-between !important
            }

            .justify-content-xl-around {
                -ms-flex-pack: distribute !important;
                justify-content: space-around !important
            }

            .align-items-xl-start {
                -ms-flex-align: start !important;
                align-items: flex-start !important
            }

            .align-items-xl-end {
                -ms-flex-align: end !important;
                align-items: flex-end !important
            }

            .align-items-xl-center {
                -ms-flex-align: center !important;
                align-items: center !important
            }

            .align-items-xl-baseline {
                -ms-flex-align: baseline !important;
                align-items: baseline !important
            }

            .align-items-xl-stretch {
                -ms-flex-align: stretch !important;
                align-items: stretch !important
            }

            .align-content-xl-start {
                -ms-flex-line-pack: start !important;
                align-content: flex-start !important
            }

            .align-content-xl-end {
                -ms-flex-line-pack: end !important;
                align-content: flex-end !important
            }

            .align-content-xl-center {
                -ms-flex-line-pack: center !important;
                align-content: center !important
            }

            .align-content-xl-between {
                -ms-flex-line-pack: justify !important;
                align-content: space-between !important
            }

            .align-content-xl-around {
                -ms-flex-line-pack: distribute !important;
                align-content: space-around !important
            }

            .align-content-xl-stretch {
                -ms-flex-line-pack: stretch !important;
                align-content: stretch !important
            }

            .align-self-xl-auto {
                -ms-flex-item-align: auto !important;
                -ms-grid-row-align: auto !important;
                align-self: auto !important
            }

            .align-self-xl-start {
                -ms-flex-item-align: start !important;
                align-self: flex-start !important
            }

            .align-self-xl-end {
                -ms-flex-item-align: end !important;
                align-self: flex-end !important
            }

            .align-self-xl-center {
                -ms-flex-item-align: center !important;
                -ms-grid-row-align: center !important;
                align-self: center !important
            }

            .align-self-xl-baseline {
                -ms-flex-item-align: baseline !important;
                align-self: baseline !important
            }

            .align-self-xl-stretch {
                -ms-flex-item-align: stretch !important;
                -ms-grid-row-align: stretch !important;
                align-self: stretch !important
            }
        }

        .m-0 {
            margin: 0 !important
        }

        .mt-0,
        .my-0 {
            margin-top: 0 !important
        }

        .mr-0,
        .mx-0 {
            margin-right: 0 !important
        }

        .mb-0,
        .my-0 {
            margin-bottom: 0 !important
        }

        .ml-0,
        .mx-0 {
            margin-left: 0 !important
        }

        .m-1 {
            margin: .25rem !important
        }

        .mt-1,
        .my-1 {
            margin-top: .25rem !important
        }

        .mr-1,
        .mx-1 {
            margin-right: .25rem !important
        }

        .mb-1,
        .my-1 {
            margin-bottom: .25rem !important
        }

        .ml-1,
        .mx-1 {
            margin-left: .25rem !important
        }

        .m-2 {
            margin: .5rem !important
        }

        .mt-2,
        .my-2 {
            margin-top: .5rem !important
        }

        .mr-2,
        .mx-2 {
            margin-right: .5rem !important
        }

        .mb-2,
        .my-2 {
            margin-bottom: .5rem !important
        }

        .ml-2,
        .mx-2 {
            margin-left: .5rem !important
        }

        .m-3 {
            margin: 1rem !important
        }

        .mt-3,
        .my-3 {
            margin-top: 1rem !important
        }

        .mr-3,
        .mx-3 {
            margin-right: 1rem !important
        }

        .mb-3,
        .my-3 {
            margin-bottom: 1rem !important
        }

        .ml-3,
        .mx-3 {
            margin-left: 1rem !important
        }

        .m-4 {
            margin: 1.5rem !important
        }

        .mt-4,
        .my-4 {
            margin-top: 1.5rem !important
        }

        .mr-4,
        .mx-4 {
            margin-right: 1.5rem !important
        }

        .mb-4,
        .my-4 {
            margin-bottom: 1.5rem !important
        }

        .ml-4,
        .mx-4 {
            margin-left: 1.5rem !important
        }

        .m-5 {
            margin: 3rem !important
        }

        .mt-5,
        .my-5 {
            margin-top: 3rem !important
        }

        .mr-5,
        .mx-5 {
            margin-right: 3rem !important
        }

        .mb-5,
        .my-5 {
            margin-bottom: 3rem !important
        }

        .ml-5,
        .mx-5 {
            margin-left: 3rem !important
        }

        .p-0 {
            padding: 0 !important
        }

        .pt-0,
        .py-0 {
            padding-top: 0 !important
        }

        .pr-0,
        .px-0 {
            padding-right: 0 !important
        }

        .pb-0,
        .py-0 {
            padding-bottom: 0 !important
        }

        .pl-0,
        .px-0 {
            padding-left: 0 !important
        }

        .p-1 {
            padding: .25rem !important
        }

        .pt-1,
        .py-1 {
            padding-top: .25rem !important
        }

        .pr-1,
        .px-1 {
            padding-right: .25rem !important
        }

        .pb-1,
        .py-1 {
            padding-bottom: .25rem !important
        }

        .pl-1,
        .px-1 {
            padding-left: .25rem !important
        }

        .p-2 {
            padding: .5rem !important
        }

        .pt-2,
        .py-2 {
            padding-top: .5rem !important
        }

        .pr-2,
        .px-2 {
            padding-right: .5rem !important
        }

        .pb-2,
        .py-2 {
            padding-bottom: .5rem !important
        }

        .pl-2,
        .px-2 {
            padding-left: .5rem !important
        }

        .p-3 {
            padding: 1rem !important
        }

        .pt-3,
        .py-3 {
            padding-top: 1rem !important
        }

        .pr-3,
        .px-3 {
            padding-right: 1rem !important
        }

        .pb-3,
        .py-3 {
            padding-bottom: 1rem !important
        }

        .pl-3,
        .px-3 {
            padding-left: 1rem !important
        }

        .p-4 {
            padding: 1.5rem !important
        }

        .pt-4,
        .py-4 {
            padding-top: 1.5rem !important
        }

        .pr-4,
        .px-4 {
            padding-right: 1.5rem !important
        }

        .pb-4,
        .py-4 {
            padding-bottom: 1.5rem !important
        }

        .pl-4,
        .px-4 {
            padding-left: 1.5rem !important
        }

        .p-5 {
            padding: 3rem !important
        }

        .pt-5,
        .py-5 {
            padding-top: 3rem !important
        }

        .pr-5,
        .px-5 {
            padding-right: 3rem !important
        }

        .pb-5,
        .py-5 {
            padding-bottom: 3rem !important
        }

        .pl-5,
        .px-5 {
            padding-left: 3rem !important
        }

        .m-n1 {
            margin: -.25rem !important
        }

        .mt-n1,
        .my-n1 {
            margin-top: -.25rem !important
        }

        .mr-n1,
        .mx-n1 {
            margin-right: -.25rem !important
        }

        .mb-n1,
        .my-n1 {
            margin-bottom: -.25rem !important
        }

        .ml-n1,
        .mx-n1 {
            margin-left: -.25rem !important
        }

        .m-n2 {
            margin: -.5rem !important
        }

        .mt-n2,
        .my-n2 {
            margin-top: -.5rem !important
        }

        .mr-n2,
        .mx-n2 {
            margin-right: -.5rem !important
        }

        .mb-n2,
        .my-n2 {
            margin-bottom: -.5rem !important
        }

        .ml-n2,
        .mx-n2 {
            margin-left: -.5rem !important
        }

        .m-n3 {
            margin: -1rem !important
        }

        .mt-n3,
        .my-n3 {
            margin-top: -1rem !important
        }

        .mr-n3,
        .mx-n3 {
            margin-right: -1rem !important
        }

        .mb-n3,
        .my-n3 {
            margin-bottom: -1rem !important
        }

        .ml-n3,
        .mx-n3 {
            margin-left: -1rem !important
        }

        .m-n4 {
            margin: -1.5rem !important
        }

        .mt-n4,
        .my-n4 {
            margin-top: -1.5rem !important
        }

        .mr-n4,
        .mx-n4 {
            margin-right: -1.5rem !important
        }

        .mb-n4,
        .my-n4 {
            margin-bottom: -1.5rem !important
        }

        .ml-n4,
        .mx-n4 {
            margin-left: -1.5rem !important
        }

        .m-n5 {
            margin: -3rem !important
        }

        .mt-n5,
        .my-n5 {
            margin-top: -3rem !important
        }

        .mr-n5,
        .mx-n5 {
            margin-right: -3rem !important
        }

        .mb-n5,
        .my-n5 {
            margin-bottom: -3rem !important
        }

        .ml-n5,
        .mx-n5 {
            margin-left: -3rem !important
        }

        .m-auto {
            margin: auto !important
        }

        .mt-auto,
        .my-auto {
            margin-top: auto !important
        }

        .mr-auto,
        .mx-auto {
            margin-right: auto !important
        }

        .mb-auto,
        .my-auto {
            margin-bottom: auto !important
        }

        .ml-auto,
        .mx-auto {
            margin-left: auto !important
        }

        @media (min-width: 576px) {
            .m-sm-0 {
                margin: 0 !important
            }

            .mt-sm-0,
            .my-sm-0 {
                margin-top: 0 !important
            }

            .mr-sm-0,
            .mx-sm-0 {
                margin-right: 0 !important
            }

            .mb-sm-0,
            .my-sm-0 {
                margin-bottom: 0 !important
            }

            .ml-sm-0,
            .mx-sm-0 {
                margin-left: 0 !important
            }

            .m-sm-1 {
                margin: .25rem !important
            }

            .mt-sm-1,
            .my-sm-1 {
                margin-top: .25rem !important
            }

            .mr-sm-1,
            .mx-sm-1 {
                margin-right: .25rem !important
            }

            .mb-sm-1,
            .my-sm-1 {
                margin-bottom: .25rem !important
            }

            .ml-sm-1,
            .mx-sm-1 {
                margin-left: .25rem !important
            }

            .m-sm-2 {
                margin: .5rem !important
            }

            .mt-sm-2,
            .my-sm-2 {
                margin-top: .5rem !important
            }

            .mr-sm-2,
            .mx-sm-2 {
                margin-right: .5rem !important
            }

            .mb-sm-2,
            .my-sm-2 {
                margin-bottom: .5rem !important
            }

            .ml-sm-2,
            .mx-sm-2 {
                margin-left: .5rem !important
            }

            .m-sm-3 {
                margin: 1rem !important
            }

            .mt-sm-3,
            .my-sm-3 {
                margin-top: 1rem !important
            }

            .mr-sm-3,
            .mx-sm-3 {
                margin-right: 1rem !important
            }

            .mb-sm-3,
            .my-sm-3 {
                margin-bottom: 1rem !important
            }

            .ml-sm-3,
            .mx-sm-3 {
                margin-left: 1rem !important
            }

            .m-sm-4 {
                margin: 1.5rem !important
            }

            .mt-sm-4,
            .my-sm-4 {
                margin-top: 1.5rem !important
            }

            .mr-sm-4,
            .mx-sm-4 {
                margin-right: 1.5rem !important
            }

            .mb-sm-4,
            .my-sm-4 {
                margin-bottom: 1.5rem !important
            }

            .ml-sm-4,
            .mx-sm-4 {
                margin-left: 1.5rem !important
            }

            .m-sm-5 {
                margin: 3rem !important
            }

            .mt-sm-5,
            .my-sm-5 {
                margin-top: 3rem !important
            }

            .mr-sm-5,
            .mx-sm-5 {
                margin-right: 3rem !important
            }

            .mb-sm-5,
            .my-sm-5 {
                margin-bottom: 3rem !important
            }

            .ml-sm-5,
            .mx-sm-5 {
                margin-left: 3rem !important
            }

            .p-sm-0 {
                padding: 0 !important
            }

            .pt-sm-0,
            .py-sm-0 {
                padding-top: 0 !important
            }

            .pr-sm-0,
            .px-sm-0 {
                padding-right: 0 !important
            }

            .pb-sm-0,
            .py-sm-0 {
                padding-bottom: 0 !important
            }

            .pl-sm-0,
            .px-sm-0 {
                padding-left: 0 !important
            }

            .p-sm-1 {
                padding: .25rem !important
            }

            .pt-sm-1,
            .py-sm-1 {
                padding-top: .25rem !important
            }

            .pr-sm-1,
            .px-sm-1 {
                padding-right: .25rem !important
            }

            .pb-sm-1,
            .py-sm-1 {
                padding-bottom: .25rem !important
            }

            .pl-sm-1,
            .px-sm-1 {
                padding-left: .25rem !important
            }

            .p-sm-2 {
                padding: .5rem !important
            }

            .pt-sm-2,
            .py-sm-2 {
                padding-top: .5rem !important
            }

            .pr-sm-2,
            .px-sm-2 {
                padding-right: .5rem !important
            }

            .pb-sm-2,
            .py-sm-2 {
                padding-bottom: .5rem !important
            }

            .pl-sm-2,
            .px-sm-2 {
                padding-left: .5rem !important
            }

            .p-sm-3 {
                padding: 1rem !important
            }

            .pt-sm-3,
            .py-sm-3 {
                padding-top: 1rem !important
            }

            .pr-sm-3,
            .px-sm-3 {
                padding-right: 1rem !important
            }

            .pb-sm-3,
            .py-sm-3 {
                padding-bottom: 1rem !important
            }

            .pl-sm-3,
            .px-sm-3 {
                padding-left: 1rem !important
            }

            .p-sm-4 {
                padding: 1.5rem !important
            }

            .pt-sm-4,
            .py-sm-4 {
                padding-top: 1.5rem !important
            }

            .pr-sm-4,
            .px-sm-4 {
                padding-right: 1.5rem !important
            }

            .pb-sm-4,
            .py-sm-4 {
                padding-bottom: 1.5rem !important
            }

            .pl-sm-4,
            .px-sm-4 {
                padding-left: 1.5rem !important
            }

            .p-sm-5 {
                padding: 3rem !important
            }

            .pt-sm-5,
            .py-sm-5 {
                padding-top: 3rem !important
            }

            .pr-sm-5,
            .px-sm-5 {
                padding-right: 3rem !important
            }

            .pb-sm-5,
            .py-sm-5 {
                padding-bottom: 3rem !important
            }

            .pl-sm-5,
            .px-sm-5 {
                padding-left: 3rem !important
            }

            .m-sm-n1 {
                margin: -.25rem !important
            }

            .mt-sm-n1,
            .my-sm-n1 {
                margin-top: -.25rem !important
            }

            .mr-sm-n1,
            .mx-sm-n1 {
                margin-right: -.25rem !important
            }

            .mb-sm-n1,
            .my-sm-n1 {
                margin-bottom: -.25rem !important
            }

            .ml-sm-n1,
            .mx-sm-n1 {
                margin-left: -.25rem !important
            }

            .m-sm-n2 {
                margin: -.5rem !important
            }

            .mt-sm-n2,
            .my-sm-n2 {
                margin-top: -.5rem !important
            }

            .mr-sm-n2,
            .mx-sm-n2 {
                margin-right: -.5rem !important
            }

            .mb-sm-n2,
            .my-sm-n2 {
                margin-bottom: -.5rem !important
            }

            .ml-sm-n2,
            .mx-sm-n2 {
                margin-left: -.5rem !important
            }

            .m-sm-n3 {
                margin: -1rem !important
            }

            .mt-sm-n3,
            .my-sm-n3 {
                margin-top: -1rem !important
            }

            .mr-sm-n3,
            .mx-sm-n3 {
                margin-right: -1rem !important
            }

            .mb-sm-n3,
            .my-sm-n3 {
                margin-bottom: -1rem !important
            }

            .ml-sm-n3,
            .mx-sm-n3 {
                margin-left: -1rem !important
            }

            .m-sm-n4 {
                margin: -1.5rem !important
            }

            .mt-sm-n4,
            .my-sm-n4 {
                margin-top: -1.5rem !important
            }

            .mr-sm-n4,
            .mx-sm-n4 {
                margin-right: -1.5rem !important
            }

            .mb-sm-n4,
            .my-sm-n4 {
                margin-bottom: -1.5rem !important
            }

            .ml-sm-n4,
            .mx-sm-n4 {
                margin-left: -1.5rem !important
            }

            .m-sm-n5 {
                margin: -3rem !important
            }

            .mt-sm-n5,
            .my-sm-n5 {
                margin-top: -3rem !important
            }

            .mr-sm-n5,
            .mx-sm-n5 {
                margin-right: -3rem !important
            }

            .mb-sm-n5,
            .my-sm-n5 {
                margin-bottom: -3rem !important
            }

            .ml-sm-n5,
            .mx-sm-n5 {
                margin-left: -3rem !important
            }

            .m-sm-auto {
                margin: auto !important
            }

            .mt-sm-auto,
            .my-sm-auto {
                margin-top: auto !important
            }

            .mr-sm-auto,
            .mx-sm-auto {
                margin-right: auto !important
            }

            .mb-sm-auto,
            .my-sm-auto {
                margin-bottom: auto !important
            }

            .ml-sm-auto,
            .mx-sm-auto {
                margin-left: auto !important
            }
        }

        @media (min-width: 768px) {
            .m-md-0 {
                margin: 0 !important
            }

            .mt-md-0,
            .my-md-0 {
                margin-top: 0 !important
            }

            .mr-md-0,
            .mx-md-0 {
                margin-right: 0 !important
            }

            .mb-md-0,
            .my-md-0 {
                margin-bottom: 0 !important
            }

            .ml-md-0,
            .mx-md-0 {
                margin-left: 0 !important
            }

            .m-md-1 {
                margin: .25rem !important
            }

            .mt-md-1,
            .my-md-1 {
                margin-top: .25rem !important
            }

            .mr-md-1,
            .mx-md-1 {
                margin-right: .25rem !important
            }

            .mb-md-1,
            .my-md-1 {
                margin-bottom: .25rem !important
            }

            .ml-md-1,
            .mx-md-1 {
                margin-left: .25rem !important
            }

            .m-md-2 {
                margin: .5rem !important
            }

            .mt-md-2,
            .my-md-2 {
                margin-top: .5rem !important
            }

            .mr-md-2,
            .mx-md-2 {
                margin-right: .5rem !important
            }

            .mb-md-2,
            .my-md-2 {
                margin-bottom: .5rem !important
            }

            .ml-md-2,
            .mx-md-2 {
                margin-left: .5rem !important
            }

            .m-md-3 {
                margin: 1rem !important
            }

            .mt-md-3,
            .my-md-3 {
                margin-top: 1rem !important
            }

            .mr-md-3,
            .mx-md-3 {
                margin-right: 1rem !important
            }

            .mb-md-3,
            .my-md-3 {
                margin-bottom: 1rem !important
            }

            .ml-md-3,
            .mx-md-3 {
                margin-left: 1rem !important
            }

            .m-md-4 {
                margin: 1.5rem !important
            }

            .mt-md-4,
            .my-md-4 {
                margin-top: 1.5rem !important
            }

            .mr-md-4,
            .mx-md-4 {
                margin-right: 1.5rem !important
            }

            .mb-md-4,
            .my-md-4 {
                margin-bottom: 1.5rem !important
            }

            .ml-md-4,
            .mx-md-4 {
                margin-left: 1.5rem !important
            }

            .m-md-5 {
                margin: 3rem !important
            }

            .mt-md-5,
            .my-md-5 {
                margin-top: 3rem !important
            }

            .mr-md-5,
            .mx-md-5 {
                margin-right: 3rem !important
            }

            .mb-md-5,
            .my-md-5 {
                margin-bottom: 3rem !important
            }

            .ml-md-5,
            .mx-md-5 {
                margin-left: 3rem !important
            }

            .p-md-0 {
                padding: 0 !important
            }

            .pt-md-0,
            .py-md-0 {
                padding-top: 0 !important
            }

            .pr-md-0,
            .px-md-0 {
                padding-right: 0 !important
            }

            .pb-md-0,
            .py-md-0 {
                padding-bottom: 0 !important
            }

            .pl-md-0,
            .px-md-0 {
                padding-left: 0 !important
            }

            .p-md-1 {
                padding: .25rem !important
            }

            .pt-md-1,
            .py-md-1 {
                padding-top: .25rem !important
            }

            .pr-md-1,
            .px-md-1 {
                padding-right: .25rem !important
            }

            .pb-md-1,
            .py-md-1 {
                padding-bottom: .25rem !important
            }

            .pl-md-1,
            .px-md-1 {
                padding-left: .25rem !important
            }

            .p-md-2 {
                padding: .5rem !important
            }

            .pt-md-2,
            .py-md-2 {
                padding-top: .5rem !important
            }

            .pr-md-2,
            .px-md-2 {
                padding-right: .5rem !important
            }

            .pb-md-2,
            .py-md-2 {
                padding-bottom: .5rem !important
            }

            .pl-md-2,
            .px-md-2 {
                padding-left: .5rem !important
            }

            .p-md-3 {
                padding: 1rem !important
            }

            .pt-md-3,
            .py-md-3 {
                padding-top: 1rem !important
            }

            .pr-md-3,
            .px-md-3 {
                padding-right: 1rem !important
            }

            .pb-md-3,
            .py-md-3 {
                padding-bottom: 1rem !important
            }

            .pl-md-3,
            .px-md-3 {
                padding-left: 1rem !important
            }

            .p-md-4 {
                padding: 1.5rem !important
            }

            .pt-md-4,
            .py-md-4 {
                padding-top: 1.5rem !important
            }

            .pr-md-4,
            .px-md-4 {
                padding-right: 1.5rem !important
            }

            .pb-md-4,
            .py-md-4 {
                padding-bottom: 1.5rem !important
            }

            .pl-md-4,
            .px-md-4 {
                padding-left: 1.5rem !important
            }

            .p-md-5 {
                padding: 3rem !important
            }

            .pt-md-5,
            .py-md-5 {
                padding-top: 3rem !important
            }

            .pr-md-5,
            .px-md-5 {
                padding-right: 3rem !important
            }

            .pb-md-5,
            .py-md-5 {
                padding-bottom: 3rem !important
            }

            .pl-md-5,
            .px-md-5 {
                padding-left: 3rem !important
            }

            .m-md-n1 {
                margin: -.25rem !important
            }

            .mt-md-n1,
            .my-md-n1 {
                margin-top: -.25rem !important
            }

            .mr-md-n1,
            .mx-md-n1 {
                margin-right: -.25rem !important
            }

            .mb-md-n1,
            .my-md-n1 {
                margin-bottom: -.25rem !important
            }

            .ml-md-n1,
            .mx-md-n1 {
                margin-left: -.25rem !important
            }

            .m-md-n2 {
                margin: -.5rem !important
            }

            .mt-md-n2,
            .my-md-n2 {
                margin-top: -.5rem !important
            }

            .mr-md-n2,
            .mx-md-n2 {
                margin-right: -.5rem !important
            }

            .mb-md-n2,
            .my-md-n2 {
                margin-bottom: -.5rem !important
            }

            .ml-md-n2,
            .mx-md-n2 {
                margin-left: -.5rem !important
            }

            .m-md-n3 {
                margin: -1rem !important
            }

            .mt-md-n3,
            .my-md-n3 {
                margin-top: -1rem !important
            }

            .mr-md-n3,
            .mx-md-n3 {
                margin-right: -1rem !important
            }

            .mb-md-n3,
            .my-md-n3 {
                margin-bottom: -1rem !important
            }

            .ml-md-n3,
            .mx-md-n3 {
                margin-left: -1rem !important
            }

            .m-md-n4 {
                margin: -1.5rem !important
            }

            .mt-md-n4,
            .my-md-n4 {
                margin-top: -1.5rem !important
            }

            .mr-md-n4,
            .mx-md-n4 {
                margin-right: -1.5rem !important
            }

            .mb-md-n4,
            .my-md-n4 {
                margin-bottom: -1.5rem !important
            }

            .ml-md-n4,
            .mx-md-n4 {
                margin-left: -1.5rem !important
            }

            .m-md-n5 {
                margin: -3rem !important
            }

            .mt-md-n5,
            .my-md-n5 {
                margin-top: -3rem !important
            }

            .mr-md-n5,
            .mx-md-n5 {
                margin-right: -3rem !important
            }

            .mb-md-n5,
            .my-md-n5 {
                margin-bottom: -3rem !important
            }

            .ml-md-n5,
            .mx-md-n5 {
                margin-left: -3rem !important
            }

            .m-md-auto {
                margin: auto !important
            }

            .mt-md-auto,
            .my-md-auto {
                margin-top: auto !important
            }

            .mr-md-auto,
            .mx-md-auto {
                margin-right: auto !important
            }

            .mb-md-auto,
            .my-md-auto {
                margin-bottom: auto !important
            }

            .ml-md-auto,
            .mx-md-auto {
                margin-left: auto !important
            }
        }

        @media (min-width: 992px) {
            .m-lg-0 {
                margin: 0 !important
            }

            .mt-lg-0,
            .my-lg-0 {
                margin-top: 0 !important
            }

            .mr-lg-0,
            .mx-lg-0 {
                margin-right: 0 !important
            }

            .mb-lg-0,
            .my-lg-0 {
                margin-bottom: 0 !important
            }

            .ml-lg-0,
            .mx-lg-0 {
                margin-left: 0 !important
            }

            .m-lg-1 {
                margin: .25rem !important
            }

            .mt-lg-1,
            .my-lg-1 {
                margin-top: .25rem !important
            }

            .mr-lg-1,
            .mx-lg-1 {
                margin-right: .25rem !important
            }

            .mb-lg-1,
            .my-lg-1 {
                margin-bottom: .25rem !important
            }

            .ml-lg-1,
            .mx-lg-1 {
                margin-left: .25rem !important
            }

            .m-lg-2 {
                margin: .5rem !important
            }

            .mt-lg-2,
            .my-lg-2 {
                margin-top: .5rem !important
            }

            .mr-lg-2,
            .mx-lg-2 {
                margin-right: .5rem !important
            }

            .mb-lg-2,
            .my-lg-2 {
                margin-bottom: .5rem !important
            }

            .ml-lg-2,
            .mx-lg-2 {
                margin-left: .5rem !important
            }

            .m-lg-3 {
                margin: 1rem !important
            }

            .mt-lg-3,
            .my-lg-3 {
                margin-top: 1rem !important
            }

            .mr-lg-3,
            .mx-lg-3 {
                margin-right: 1rem !important
            }

            .mb-lg-3,
            .my-lg-3 {
                margin-bottom: 1rem !important
            }

            .ml-lg-3,
            .mx-lg-3 {
                margin-left: 1rem !important
            }

            .m-lg-4 {
                margin: 1.5rem !important
            }

            .mt-lg-4,
            .my-lg-4 {
                margin-top: 1.5rem !important
            }

            .mr-lg-4,
            .mx-lg-4 {
                margin-right: 1.5rem !important
            }

            .mb-lg-4,
            .my-lg-4 {
                margin-bottom: 1.5rem !important
            }

            .ml-lg-4,
            .mx-lg-4 {
                margin-left: 1.5rem !important
            }

            .m-lg-5 {
                margin: 3rem !important
            }

            .mt-lg-5,
            .my-lg-5 {
                margin-top: 3rem !important
            }

            .mr-lg-5,
            .mx-lg-5 {
                margin-right: 3rem !important
            }

            .mb-lg-5,
            .my-lg-5 {
                margin-bottom: 3rem !important
            }

            .ml-lg-5,
            .mx-lg-5 {
                margin-left: 3rem !important
            }

            .p-lg-0 {
                padding: 0 !important
            }

            .pt-lg-0,
            .py-lg-0 {
                padding-top: 0 !important
            }

            .pr-lg-0,
            .px-lg-0 {
                padding-right: 0 !important
            }

            .pb-lg-0,
            .py-lg-0 {
                padding-bottom: 0 !important
            }

            .pl-lg-0,
            .px-lg-0 {
                padding-left: 0 !important
            }

            .p-lg-1 {
                padding: .25rem !important
            }

            .pt-lg-1,
            .py-lg-1 {
                padding-top: .25rem !important
            }

            .pr-lg-1,
            .px-lg-1 {
                padding-right: .25rem !important
            }

            .pb-lg-1,
            .py-lg-1 {
                padding-bottom: .25rem !important
            }

            .pl-lg-1,
            .px-lg-1 {
                padding-left: .25rem !important
            }

            .p-lg-2 {
                padding: .5rem !important
            }

            .pt-lg-2,
            .py-lg-2 {
                padding-top: .5rem !important
            }

            .pr-lg-2,
            .px-lg-2 {
                padding-right: .5rem !important
            }

            .pb-lg-2,
            .py-lg-2 {
                padding-bottom: .5rem !important
            }

            .pl-lg-2,
            .px-lg-2 {
                padding-left: .5rem !important
            }

            .p-lg-3 {
                padding: 1rem !important
            }

            .pt-lg-3,
            .py-lg-3 {
                padding-top: 1rem !important
            }

            .pr-lg-3,
            .px-lg-3 {
                padding-right: 1rem !important
            }

            .pb-lg-3,
            .py-lg-3 {
                padding-bottom: 1rem !important
            }

            .pl-lg-3,
            .px-lg-3 {
                padding-left: 1rem !important
            }

            .p-lg-4 {
                padding: 1.5rem !important
            }

            .pt-lg-4,
            .py-lg-4 {
                padding-top: 1.5rem !important
            }

            .pr-lg-4,
            .px-lg-4 {
                padding-right: 1.5rem !important
            }

            .pb-lg-4,
            .py-lg-4 {
                padding-bottom: 1.5rem !important
            }

            .pl-lg-4,
            .px-lg-4 {
                padding-left: 1.5rem !important
            }

            .p-lg-5 {
                padding: 3rem !important
            }

            .pt-lg-5,
            .py-lg-5 {
                padding-top: 3rem !important
            }

            .pr-lg-5,
            .px-lg-5 {
                padding-right: 3rem !important
            }

            .pb-lg-5,
            .py-lg-5 {
                padding-bottom: 3rem !important
            }

            .pl-lg-5,
            .px-lg-5 {
                padding-left: 3rem !important
            }

            .m-lg-n1 {
                margin: -.25rem !important
            }

            .mt-lg-n1,
            .my-lg-n1 {
                margin-top: -.25rem !important
            }

            .mr-lg-n1,
            .mx-lg-n1 {
                margin-right: -.25rem !important
            }

            .mb-lg-n1,
            .my-lg-n1 {
                margin-bottom: -.25rem !important
            }

            .ml-lg-n1,
            .mx-lg-n1 {
                margin-left: -.25rem !important
            }

            .m-lg-n2 {
                margin: -.5rem !important
            }

            .mt-lg-n2,
            .my-lg-n2 {
                margin-top: -.5rem !important
            }

            .mr-lg-n2,
            .mx-lg-n2 {
                margin-right: -.5rem !important
            }

            .mb-lg-n2,
            .my-lg-n2 {
                margin-bottom: -.5rem !important
            }

            .ml-lg-n2,
            .mx-lg-n2 {
                margin-left: -.5rem !important
            }

            .m-lg-n3 {
                margin: -1rem !important
            }

            .mt-lg-n3,
            .my-lg-n3 {
                margin-top: -1rem !important
            }

            .mr-lg-n3,
            .mx-lg-n3 {
                margin-right: -1rem !important
            }

            .mb-lg-n3,
            .my-lg-n3 {
                margin-bottom: -1rem !important
            }

            .ml-lg-n3,
            .mx-lg-n3 {
                margin-left: -1rem !important
            }

            .m-lg-n4 {
                margin: -1.5rem !important
            }

            .mt-lg-n4,
            .my-lg-n4 {
                margin-top: -1.5rem !important
            }

            .mr-lg-n4,
            .mx-lg-n4 {
                margin-right: -1.5rem !important
            }

            .mb-lg-n4,
            .my-lg-n4 {
                margin-bottom: -1.5rem !important
            }

            .ml-lg-n4,
            .mx-lg-n4 {
                margin-left: -1.5rem !important
            }

            .m-lg-n5 {
                margin: -3rem !important
            }

            .mt-lg-n5,
            .my-lg-n5 {
                margin-top: -3rem !important
            }

            .mr-lg-n5,
            .mx-lg-n5 {
                margin-right: -3rem !important
            }

            .mb-lg-n5,
            .my-lg-n5 {
                margin-bottom: -3rem !important
            }

            .ml-lg-n5,
            .mx-lg-n5 {
                margin-left: -3rem !important
            }

            .m-lg-auto {
                margin: auto !important
            }

            .mt-lg-auto,
            .my-lg-auto {
                margin-top: auto !important
            }

            .mr-lg-auto,
            .mx-lg-auto {
                margin-right: auto !important
            }

            .mb-lg-auto,
            .my-lg-auto {
                margin-bottom: auto !important
            }

            .ml-lg-auto,
            .mx-lg-auto {
                margin-left: auto !important
            }
        }

        @media (min-width: 1200px) {
            .m-xl-0 {
                margin: 0 !important
            }

            .mt-xl-0,
            .my-xl-0 {
                margin-top: 0 !important
            }

            .mr-xl-0,
            .mx-xl-0 {
                margin-right: 0 !important
            }

            .mb-xl-0,
            .my-xl-0 {
                margin-bottom: 0 !important
            }

            .ml-xl-0,
            .mx-xl-0 {
                margin-left: 0 !important
            }

            .m-xl-1 {
                margin: .25rem !important
            }

            .mt-xl-1,
            .my-xl-1 {
                margin-top: .25rem !important
            }

            .mr-xl-1,
            .mx-xl-1 {
                margin-right: .25rem !important
            }

            .mb-xl-1,
            .my-xl-1 {
                margin-bottom: .25rem !important
            }

            .ml-xl-1,
            .mx-xl-1 {
                margin-left: .25rem !important
            }

            .m-xl-2 {
                margin: .5rem !important
            }

            .mt-xl-2,
            .my-xl-2 {
                margin-top: .5rem !important
            }

            .mr-xl-2,
            .mx-xl-2 {
                margin-right: .5rem !important
            }

            .mb-xl-2,
            .my-xl-2 {
                margin-bottom: .5rem !important
            }

            .ml-xl-2,
            .mx-xl-2 {
                margin-left: .5rem !important
            }

            .m-xl-3 {
                margin: 1rem !important
            }

            .mt-xl-3,
            .my-xl-3 {
                margin-top: 1rem !important
            }

            .mr-xl-3,
            .mx-xl-3 {
                margin-right: 1rem !important
            }

            .mb-xl-3,
            .my-xl-3 {
                margin-bottom: 1rem !important
            }

            .ml-xl-3,
            .mx-xl-3 {
                margin-left: 1rem !important
            }

            .m-xl-4 {
                margin: 1.5rem !important
            }

            .mt-xl-4,
            .my-xl-4 {
                margin-top: 1.5rem !important
            }

            .mr-xl-4,
            .mx-xl-4 {
                margin-right: 1.5rem !important
            }

            .mb-xl-4,
            .my-xl-4 {
                margin-bottom: 1.5rem !important
            }

            .ml-xl-4,
            .mx-xl-4 {
                margin-left: 1.5rem !important
            }

            .m-xl-5 {
                margin: 3rem !important
            }

            .mt-xl-5,
            .my-xl-5 {
                margin-top: 3rem !important
            }

            .mr-xl-5,
            .mx-xl-5 {
                margin-right: 3rem !important
            }

            .mb-xl-5,
            .my-xl-5 {
                margin-bottom: 3rem !important
            }

            .ml-xl-5,
            .mx-xl-5 {
                margin-left: 3rem !important
            }

            .p-xl-0 {
                padding: 0 !important
            }

            .pt-xl-0,
            .py-xl-0 {
                padding-top: 0 !important
            }

            .pr-xl-0,
            .px-xl-0 {
                padding-right: 0 !important
            }

            .pb-xl-0,
            .py-xl-0 {
                padding-bottom: 0 !important
            }

            .pl-xl-0,
            .px-xl-0 {
                padding-left: 0 !important
            }

            .p-xl-1 {
                padding: .25rem !important
            }

            .pt-xl-1,
            .py-xl-1 {
                padding-top: .25rem !important
            }

            .pr-xl-1,
            .px-xl-1 {
                padding-right: .25rem !important
            }

            .pb-xl-1,
            .py-xl-1 {
                padding-bottom: .25rem !important
            }

            .pl-xl-1,
            .px-xl-1 {
                padding-left: .25rem !important
            }

            .p-xl-2 {
                padding: .5rem !important
            }

            .pt-xl-2,
            .py-xl-2 {
                padding-top: .5rem !important
            }

            .pr-xl-2,
            .px-xl-2 {
                padding-right: .5rem !important
            }

            .pb-xl-2,
            .py-xl-2 {
                padding-bottom: .5rem !important
            }

            .pl-xl-2,
            .px-xl-2 {
                padding-left: .5rem !important
            }

            .p-xl-3 {
                padding: 1rem !important
            }

            .pt-xl-3,
            .py-xl-3 {
                padding-top: 1rem !important
            }

            .pr-xl-3,
            .px-xl-3 {
                padding-right: 1rem !important
            }

            .pb-xl-3,
            .py-xl-3 {
                padding-bottom: 1rem !important
            }

            .pl-xl-3,
            .px-xl-3 {
                padding-left: 1rem !important
            }

            .p-xl-4 {
                padding: 1.5rem !important
            }

            .pt-xl-4,
            .py-xl-4 {
                padding-top: 1.5rem !important
            }

            .pr-xl-4,
            .px-xl-4 {
                padding-right: 1.5rem !important
            }

            .pb-xl-4,
            .py-xl-4 {
                padding-bottom: 1.5rem !important
            }

            .pl-xl-4,
            .px-xl-4 {
                padding-left: 1.5rem !important
            }

            .p-xl-5 {
                padding: 3rem !important
            }

            .pt-xl-5,
            .py-xl-5 {
                padding-top: 3rem !important
            }

            .pr-xl-5,
            .px-xl-5 {
                padding-right: 3rem !important
            }

            .pb-xl-5,
            .py-xl-5 {
                padding-bottom: 3rem !important
            }

            .pl-xl-5,
            .px-xl-5 {
                padding-left: 3rem !important
            }

            .m-xl-n1 {
                margin: -.25rem !important
            }

            .mt-xl-n1,
            .my-xl-n1 {
                margin-top: -.25rem !important
            }

            .mr-xl-n1,
            .mx-xl-n1 {
                margin-right: -.25rem !important
            }

            .mb-xl-n1,
            .my-xl-n1 {
                margin-bottom: -.25rem !important
            }

            .ml-xl-n1,
            .mx-xl-n1 {
                margin-left: -.25rem !important
            }

            .m-xl-n2 {
                margin: -.5rem !important
            }

            .mt-xl-n2,
            .my-xl-n2 {
                margin-top: -.5rem !important
            }

            .mr-xl-n2,
            .mx-xl-n2 {
                margin-right: -.5rem !important
            }

            .mb-xl-n2,
            .my-xl-n2 {
                margin-bottom: -.5rem !important
            }

            .ml-xl-n2,
            .mx-xl-n2 {
                margin-left: -.5rem !important
            }

            .m-xl-n3 {
                margin: -1rem !important
            }

            .mt-xl-n3,
            .my-xl-n3 {
                margin-top: -1rem !important
            }

            .mr-xl-n3,
            .mx-xl-n3 {
                margin-right: -1rem !important
            }

            .mb-xl-n3,
            .my-xl-n3 {
                margin-bottom: -1rem !important
            }

            .ml-xl-n3,
            .mx-xl-n3 {
                margin-left: -1rem !important
            }

            .m-xl-n4 {
                margin: -1.5rem !important
            }

            .mt-xl-n4,
            .my-xl-n4 {
                margin-top: -1.5rem !important
            }

            .mr-xl-n4,
            .mx-xl-n4 {
                margin-right: -1.5rem !important
            }

            .mb-xl-n4,
            .my-xl-n4 {
                margin-bottom: -1.5rem !important
            }

            .ml-xl-n4,
            .mx-xl-n4 {
                margin-left: -1.5rem !important
            }

            .m-xl-n5 {
                margin: -3rem !important
            }

            .mt-xl-n5,
            .my-xl-n5 {
                margin-top: -3rem !important
            }

            .mr-xl-n5,
            .mx-xl-n5 {
                margin-right: -3rem !important
            }

            .mb-xl-n5,
            .my-xl-n5 {
                margin-bottom: -3rem !important
            }

            .ml-xl-n5,
            .mx-xl-n5 {
                margin-left: -3rem !important
            }

            .m-xl-auto {
                margin: auto !important
            }

            .mt-xl-auto,
            .my-xl-auto {
                margin-top: auto !important
            }

            .mr-xl-auto,
            .mx-xl-auto {
                margin-right: auto !important
            }

            .mb-xl-auto,
            .my-xl-auto {
                margin-bottom: auto !important
            }

            .ml-xl-auto,
            .mx-xl-auto {
                margin-left: auto !important
            }
        }

        .slick-slider {
            box-sizing: border-box;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -ms-touch-action: pan-y;
            touch-action: pan-y;
            -webkit-tap-highlight-color: transparent
        }

        .slick-list,
        .slick-slider {
            position: relative;
            display: block
        }

        .slick-list {
            overflow: hidden;
            margin: 0;
            padding: 0
        }

        .slick-list:focus {
            outline: none
        }

        .slick-list.dragging {
            cursor: pointer;
            cursor: hand
        }

        .slick-slider .slick-list,
        .slick-slider .slick-track {
            transform: translateZ(0)
        }

        .slick-track {
            position: relative;
            left: 0;
            top: 0;
            display: block;
            margin-left: auto;
            margin-right: auto
        }

        .slick-track:after,
        .slick-track:before {
            content: "";
            display: table
        }

        .slick-track:after {
            clear: both
        }

        .slick-loading .slick-track {
            visibility: hidden
        }

        .slick-slide {
            float: left;
            height: 100%;
            min-height: 1px;
            display: none
        }

        [dir=rtl] .slick-slide {
            float: right
        }

        .slick-slide img {
            display: block
        }

        .slick-slide.slick-loading img {
            display: none
        }

        .slick-slide.dragging img {
            pointer-events: none
        }

        .slick-initialized .slick-slide {
            display: block
        }

        .slick-loading .slick-slide {
            visibility: hidden
        }

        .slick-vertical .slick-slide {
            display: block;
            height: auto;
            border: 1px solid transparent
        }

        .slick-arrow.slick-hidden {
            display: none
        }

        .responsive-image__wrapper {
            position: relative;
            display: block;
            overflow: hidden;
            width: 100%;
            margin: 0 auto
        }

        .no-js .responsive-image__wrapper {
            display: none
        }

        .responsive-image__wrapper:before {
            content: "";
            position: relative;
            display: block
        }

        .responsive-image__wrapper img {
            display: block;
            width: 100%
        }

        .responsive-image__wrapper--full-height {
            height: 100%
        }

        .responsive-image__image {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%
        }

        .responsive-table .w-10 {
            width: 10%
        }

        .responsive-table .w-20 {
            width: 20%
        }

        .responsive-table .w-50 {
            width: 50%
        }

        @media only screen and (max-width: 767px) {
            .responsive-table {
                width: 100%
            }

            .responsive-table table {
                white-space: nowrap
            }

            .responsive-table thead {
                display: none
            }

            .responsive-table tr {
                display: block
            }

            .responsive-table td,
            .responsive-table tr {
                float: left;
                clear: both;
                width: 100%
            }

            .responsive-table td,
            .responsive-table th {
                display: block;
                margin: 0;
                padding: 10px;
                text-align: right
            }

            .responsive-table td:before {
                content: attr(data-label);
                float: left;
                padding-right: 10px;
                text-align: center
            }

            .responsive-table-row + .responsive-table-row,
            tfoot > .responsive-table-row:first-child {
                position: relative;
                margin-top: 10px;
                padding-top: 10px
            }

            .responsive-table-row + .responsive-table-row:after,
            tfoot > .responsive-table-row:first-child:after {
                content: "";
                position: absolute;
                top: 0;
                right: 10px;
                left: 10px;
                display: block;
                border-bottom: 1px solid #000
            }
        }

        .rte {
            margin: 0
        }

        .rte p {
            clear: both
        }

        .rte p:not(:last-of-type) {
            margin: 0 0 12px
        }

        .rte p:last-of-type {
            margin: 0
        }

        .rte img {
            height: auto
        }

        .rte table {
            table-layout: fixed
        }

        .rte ol,
        .rte ul {
            margin: 0 0 15px 30px
        }

        .rte [data-content-before]:before {
            content: attr(data-content-before)
        }

        .rte li[data-content-before] {
            list-style: none;
            position: relative
        }

        .rte li[data-content-before]:before {
            position: absolute;
            left: -25px
        }

        .rte li.nolist {
            list-style: none
        }

        .rte a {
            text-decoration: underline
        }

        @media only screen and (max-width: 991px) {

            .rte ol,
            .rte ul {
                margin: 0 0 10px;
                padding: 0 0 0 20px
            }
        }

        blockquote {
            margin: 0 0 10px;
            padding: 20px 30px
        }

        .rte-table {
            overflow: auto;
            max-width: 100%;
            -webkit-overflow-scrolling: touch
        }

        .rte__video-wrapper {
            position: relative;
            overflow: hidden;
            max-width: 100%;
            height: 0;
            height: auto;
            padding-bottom: 56.25%
        }

        .rte__video-wrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        .rte__table-wrapper {
            overflow: auto;
            max-width: 100%;
            -webkit-overflow-scrolling: touch
        }

        .max-wrap {
            *zoom: 1;
            position: relative;
            display: block;
            max-width: 1600px;
            margin-left: auto;
            margin-right: auto
        }

        .max-wrap:after {
            content: "";
            display: table;
            clear: both
        }

        body .index-f-collections {
            margin: 0 0 13px;
            overflow: hidden
        }

        body .index-f-collections__row {
            margin-left: -10px;
            margin-right: -10px;
            margin-bottom: 40px
        }

        body .index-f-collections__col {
            padding-left: 10px;
            padding-right: 10px;
            margin: 0 0 20px
        }

        body .index-f-collections__item {
            display: -ms-flexbox;
            display: flex;
            height: 450px;
            width: 100%
        }

        body .index-f-collections__item.no-bg {
            background-color: rgba(255, 165, 187, .2)
        }

        body .index-f-collections__item-inner {
            margin: auto;
            text-align: center;
            margin-bottom: 30px
        }

        body .index-f-collections__title {
            font-family: "Open Sans";
            font-weight: 700;
            font-size: 30px;
            line-height: 36px;
            color: #fff;
            letter-spacing: normal;
            text-shadow: 0 0 21px rgba(0, 0, 0, .32);
            margin: 0 0 11px
        }

        body .index-f-collections__link {
            vertical-align: middle;
            width: auto;
            border: 0;
            white-space: normal;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-family: Poppins, sans-serif;
            font-weight: 500;
            font-size: 18px;
            color: #fff;
            letter-spacing: normal;
            transition: background-color .2s ease-in-out;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            background: none;
            background-color: #000;
            border-radius: 0;
            height: auto;
            display: inline-block;
            box-shadow: 0 0 21px 8px rgba(0, 0, 0, .32);
            box-shadow: -3px 5px 18px 1px rgba(0, 0, 0, .12);
            font-size: 16px;
            line-height: 20px;
            font-weight: 700;
            letter-spacing: 3px;
            padding: 10px 17px
        }

        body .index-f-collections__link:not(:disabled):active,
        body .index-f-collections__link:not(:disabled):focus,
        body .index-f-collections__link:not(:disabled):hover {
            background: none;
            color: #fff;
            background-color: #ffa5bb
        }

        body .index-f-collections__link:not(:disabled):focus {
            color: #fff
        }

        body .index-f-collections__link:disabled {
            background: none;
            cursor: not-allowed;
            background-color: #000
        }

        @media only screen and (max-width: 575px) {
            body .index-f-collections__link {
                font-size: 11.5px
            }
        }

        body .index-f-collections__more-wrap {
            margin: 0 0 55px;
            text-align: center
        }

        body .index-f-collections__more-link {
            vertical-align: middle;
            width: auto;
            border: 0;
            white-space: normal;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-family: Poppins, sans-serif;
            font-weight: 500;
            font-size: 14px;
            line-height: 20px;
            color: #000;
            letter-spacing: 2.5px;
            transition: background-color .2s ease-in-out, color .2s ease-in-out;
            text-transform: uppercase;
            text-align: center;
            text-decoration: none;
            padding: 11px 23px;
            background: none;
            background-color: transparent;
            border: 2px solid #000;
            border-radius: 0;
            height: auto;
            display: inline-block;
            padding: 18px 20px
        }

        body .index-f-collections__more-link:not(:disabled):active,
        body .index-f-collections__more-link:not(:disabled):focus,
        body .index-f-collections__more-link:not(:disabled):hover {
            background: none;
            background-color: #000;
            color: #fff
        }

        body .index-f-collections__more-link:disabled {
            cursor: not-allowed;
            background: none;
            background-color: transparent;
            color: #000;
            border-color: #000
        }

        @media only screen and (max-width: 575px) {
            body .index-f-collections__more-link {
                font-size: 11.5px
            }
        }

        body .index-f-collections__more-arrow {
            font-weight: 700
        }

        body .index-f-collections__separator {
            display: block;
            width: 100%;
            height: 1px;
            background-color: #ddd
        }

        body .index-f-products__title {
            font-family: Poppins, sans-serif;
            font-weight: 600;
            font-size: 40px;
            line-height: 54px;
            color: #000;
            letter-spacing: normal;
            text-align: center;
            max-width: 900px;
            margin: 0 auto 40px;
            margin: 0 auto 90px
        }

        body .index-f-products__title:after {
            content: "";
            display: block;
            margin: 9px auto 0;
            width: 150px;
            max-width: 100%;
            height: 4px;
            background-color: #ffa5bb
        }

        body .index-f-products__more-wrap {
            margin: 19px 0 55px;
            text-align: center
        }

        body .index-f-products__more-link {
            vertical-align: middle;
            width: auto;
            border: 0;
            white-space: normal;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-family: Poppins, sans-serif;
            font-weight: 500;
            font-size: 14px;
            line-height: 20px;
            color: #000;
            letter-spacing: 2.5px;
            transition: background-color .2s ease-in-out, color .2s ease-in-out;
            text-transform: uppercase;
            text-align: center;
            text-decoration: none;
            padding: 11px 23px;
            background: none;
            background-color: transparent;
            border: 2px solid #000;
            border-radius: 0;
            height: auto;
            display: inline-block;
            padding: 18px 20px
        }

        body .index-f-products__more-link:not(:disabled):active,
        body .index-f-products__more-link:not(:disabled):focus,
        body .index-f-products__more-link:not(:disabled):hover {
            background: none;
            background-color: #000;
            color: #fff
        }

        body .index-f-products__more-link:disabled {
            cursor: not-allowed;
            background: none;
            background-color: transparent;
            color: #000;
            border-color: #000
        }

        @media only screen and (max-width: 575px) {
            body .index-f-products__more-link {
                font-size: 11.5px
            }
        }

        body .index-f-products__more-arrow {
            font-weight: 700
        }

        @media screen and (min-width: 1441px) {
            body .index-f-products__container {
                max-width: 1380px
            }

            body .index-f-products__row {
                margin-left: -30px;
                margin-right: -30px;
            }
        }

        body .index-header {
            margin: 0 0 35px;
        }

        body .index-header [data-index-header] > .index-header__slide:not(:first-of-type) {
            display: none;
        }

        body .index-header__slide {
            position: relative;
            display: block;
            height: 875px;
            text-align: center
        }

        body .index-header__bg-wrap {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            max-width: 100%
        }

        body .index-header__bg-image {
            -o-object-fit: cover;
            object-fit: cover
        }

        body .index-header__title-wrap {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            display: block;
            text-align: center;
            margin: 0 auto;
            max-width: 600px;
            padding: 0 15px
        }

        body .index-header__title {
            font-family: Simonetta, cursive;
            font-weight: 400;
            font-size: 72px;
            line-height: 90px;
            color: #3a3a3a;
            letter-spacing: normal;
            position: relative;
            top: -7px
        }

        body .index-header__smear {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%)
        }

        body .index-header__link-wrap {
            position: relative;
            top: 50%;
            display: block
        }

        body .index-header__link {
            vertical-align: middle;
            width: auto;
            border: 0;
            white-space: normal;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-family: Poppins, sans-serif;
            font-weight: 500;
            font-size: 18px;
            line-height: 20px;
            color: #FFEBEE;
            letter-spacing: normal;
            transition: background-color .2s ease-in-out;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            background: none;
            background-color: #000;
            border-radius: 0;
            height: auto;
            display: inline-block;
            box-shadow: 0 0 21px 8px rgba(0, 0, 0, .32);
            box-shadow: -3px 5px 18px 1px rgba(0, 0, 0, .12);
            padding: 15px 65px
        }

        body .index-header__link:not(:disabled):active,
        body .index-header__link:not(:disabled):focus,
        body .index-header__link:not(:disabled):hover {
            background: none;
            color: #fff;
            background-color: #FDA4B8
        }

        body .index-header__link:not(:disabled):focus {
            color: #fff
        }

        body .index-header__link:disabled {
            background: none;
            cursor: not-allowed;
            background-color: #000
        }

        @media only screen and (max-width: 575px) {
            body .index-header__link {
                font-size: 11.5px
            }
        }

        body .index-header .slick-dots {
            font-size: 0;
            line-height: 0;
            position: absolute;
            bottom: 80px;
            margin: 0;
            padding: 0 15px;
            display: none !important;
            text-align: center;
            width: 100%
        }

        body .index-header .slick-dots li {
            font-size: 0;
            line-height: 0;
            display: inline-block;
            margin: 0 3px;
            padding: 0
        }

        body .index-header .slick-dots button {
            font-size: 0;
            line-height: 0;
            transition: background-color .2s ease-in-out;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            border: none;
            margin: 0;
            padding: 0;
            background: none;
            background-color: #424242
        }

        body .index-header .slick-dots .slick-active button {
            background-color: #616161
        }

        body .index-instagram {
            margin: 60px 0 25px
        }

        body .index-instagram__title {
            font-family: Poppins, sans-serif;
            font-weight: 600;
            font-size: 36px;
            line-height: 48px;
            color: #3a3a3a;
            letter-spacing: normal;
            text-align: center;
            max-width: 900px;
            margin: 0 auto 20px
        }

        body .index-instagram__title:after {
            content: "";
            display: block;
            margin: 15px auto 0;
            width: 150px;
            max-width: 100%;
            height: 4px;
            background-color: #ffa5bb
        }

        body .index-introduction {
            margin: 0 0 35px;
            text-align: center
        }

        body .index-introduction__title {
            font-weight: 700;
            font-size: 26px;
            line-height: 36px;
            color: #000;
            letter-spacing: normal;
            max-width: 660px;
            margin: 0 auto 10px
        }

        body .index-introduction__content {
            font-family: Lato, sans-serif;
            font-weight: 400;
            font-size: 18px;
            line-height: 26px;
            color: #90908f;
            letter-spacing: normal;
            max-width: 660px;
            margin: 0 auto
        }

        body .index-introduction__content a,
        body .index-introduction__content li,
        body .index-introduction__content p {
            font-family: Lato, sans-serif;
            font-weight: 400;
            font-size: 18px;
            line-height: 26px;
            color: #90908f;
            letter-spacing: normal;
            margin: 0
        }

        body .index-newsletter {
            margin: 0 0 20px;
            width: 100%;
        }

        body .index-newsletter__title {
            font-family: Poppins, sans-serif;
            font-weight: 400;
            font-size: 36px;
            line-height: 42px;
            color: #3a3a3a;
            letter-spacing: normal;
            margin: 0 0 20px
        }

        body .index-newsletter__message {
            font-family: Lato, sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 30px;
            color: #7b7b7b;
            letter-spacing: normal
        }

        body .index-offers {
            margin: 0 0 85px
        }

        body .index-offers__title {
            font-family: Poppins, sans-serif;
            font-weight: 600;
            font-size: 40px;
            line-height: 54px;
            color: #000;
            letter-spacing: 2px;
            text-align: center;
            max-width: 900px;
            margin: 0 auto 40px
        }

        body .index-offers__title:after {
            content: "";
            display: block;
            margin: 20px auto 0;
            width: 150px;
            max-width: 100%;
            height: 4px;
            background-color: #ffa5bb
        }

        @media screen and (min-width: 1441px) {
            body .index-offers__container {
                max-width: 1380px
            }

            body .index-offers__row {
                margin-left: -30px;
                margin-right: -30px
            }

            body .index-offers__col {
                padding-left: 25px;
                padding-right: 25px
            }
        }

        body .index-story {
            margin: 0 0 120px
        }

        body .index-story__title {
            font-family: Poppins, sans-serif;
            font-weight: 600;
            font-size: 40px;
            line-height: 54px;
            color: #000;
            letter-spacing: normal;
            text-align: center;
            max-width: 900px;
            margin: 0 auto 30px
        }

        body .index-story__title:after {
            content: "";
            display: block;
            margin: 6px auto 0;
            width: 122px;
            max-width: 100%;
            height: 4px;
            background-color: #ffa5bb
        }

        body .index-story__content {
            max-width: 847px;
            margin: 0 auto 55px;
            text-align: center
        }

        body .index-story__content,
        body .index-story__content a,
        body .index-story__content li,
        body .index-story__content p {
            font-family: Lato, sans-serif;
            font-weight: 400;
            font-size: 18px;
            line-height: 35px;
            color: #7b7b7b;
            letter-spacing: normal
        }

        body .index-story__more-wrap {
            text-align: center
        }

        body .index-story__more-link {
            vertical-align: middle;
            width: auto;
            border: 0;
            white-space: normal;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-family: Poppins, sans-serif;
            font-weight: 500;
            font-size: 14px;
            line-height: 20px;
            color: #000;
            letter-spacing: 2.5px;
            transition: background-color .2s ease-in-out, color .2s ease-in-out;
            text-transform: uppercase;
            text-align: center;
            text-decoration: none;
            padding: 11px 23px;
            background: none;
            background-color: transparent;
            border: 2px solid #000;
            border-radius: 0;
            height: auto;
            display: inline-block;
            letter-spacing: 3px;
            padding: 15px 24px
        }

        body .index-story__more-link:not(:disabled):active,
        body .index-story__more-link:not(:disabled):focus,
        body .index-story__more-link:not(:disabled):hover {
            background: none;
            background-color: #000;
            color: #fff
        }

        body .index-story__more-link:disabled {
            cursor: not-allowed;
            background: none;
            background-color: transparent;
            color: #000;
            border-color: #000
        }

        @media only screen and (max-width: 575px) {
            body .index-story__more-link {
                font-size: 11.5px
            }
        }

        body .index-testimonials {
            position: relative;
            padding: 40px 0 0;
            margin: 0 0 60px
        }

        body .index-testimonials__bg {
            z-index: -1;
            position: absolute;
            top: -40px;
            left: 0;
            width: 100%;
            height: 60%;
            background-color: whitesmoke
        }

        body .index-testimonials__title {
            font-family: Poppins, sans-serif;
            font-weight: 600;
            font-size: 40px;
            line-height: 54px;
            color: #000;
            letter-spacing: normal;
            text-align: center;
            max-width: 900px;
            margin: 0 auto 40px;
            margin: 0 auto 45px
        }

        body .index-testimonials__title:after {
            content: "";
            display: block;
            margin: 10px auto 0;
            width: 150px;
            max-width: 100%;
            height: 4px;
            background-color: #ffa5bb
        }

        body .index-testimonials__content {
            max-width: 810px;
            margin: 0 auto 55px;
            text-align: center
        }

        body .index-testimonials__content,
        body .index-testimonials__content a,
        body .index-testimonials__content li,
        body .index-testimonials__content p {
            font-family: Lato, sans-serif;
            font-weight: 400;
            font-size: 18px;
            line-height: 34px;
            color: #7b7b7b;
            letter-spacing: normal
        }

        body .index-testimonials__logos {
            margin: 0 0 85px;
            text-align: center
        }

        body .index-testimonials__logo {
            max-width: 80px;
            max-height: 80px;
            -o-object-fit: scale-down;
            object-fit: scale-down;
            display: inline-block;
            vertical-align: middle;
            margin: 0 20px 20px
        }

        body .index-testimonials__testimonials {
            *zoom: 1
        }

        body .index-testimonials__testimonials:after {
            content: "";
            display: table;
            clear: both
        }

        body .index-testimonials__testimonials > .index-testimonials__testimonial {
            width: calc(33.333% - 30px);
            float: left;
            margin: 0 15px
        }

        body .index-testimonials__testimonials > .index-testimonials__testimonial:nth-of-type(n+4) {
            display: none
        }

        body .index-testimonials__testimonial {
            background-color: #fff;
            padding: 50px 44px;
            text-align: center
        }

        body .index-testimonials__testimonial-content {
            font-family: Lato, sans-serif;
            font-weight: 400;
            font-size: 18px;
            line-height: 28px;
            color: #7b7b7b;
            letter-spacing: normal;
            margin: 0 0 45px;
            height: 145px;
            overflow-y: hidden
        }

        body .index-testimonials__testimonial-image {
        }

        body .index-testimonials__testimonial-author {
            font-family: Lato, sans-serif;
            font-weight: 500;
            font-size: 21px;
            line-height: 28px;
            color: #293341;
            letter-spacing: normal;
            margin: 0 0 2px
        }

        body .index-testimonials__testimonial-description {
            font-family: Lato, sans-serif;
            font-weight: 500;
            font-size: 18px;
            line-height: 28px;
            color: #7b7b7b;
            letter-spacing: normal
        }

        body .index-testimonials .slick-slide {
            margin: 0 15px
        }

        body .index-testimonials .slick-dots {
            font-size: 0;
            line-height: 0;
            display: block;
            text-align: center;
            width: 100%;
            padding: 0 15px;
            margin: 30px 0 0
        }

        body .index-testimonials .slick-dots li {
            font-size: 0;
            line-height: 0;
            display: inline-block;
            margin: 0 4px;
            padding: 0
        }

        body .index-testimonials .slick-dots button {
            font-size: 0;
            line-height: 0;
            transition: background-color .2s ease-in-out, width .2s ease-in-out, opacity .2s ease-in-out;
            width: 12px;
            height: 12px;
            border-radius: 8px;
            border: none;
            margin: 0;
            padding: 0;
            background: none;
            background-color: #bdbdbd;
            opacity: .5
        }

        body .index-testimonials .slick-dots .slick-active button {
            background-color: #ffa5bb;
            opacity: 1;
            width: 32px
        }

        @media screen and (min-width: 1441px) {
            body .index-testimonials__container {
                max-width: 1380px
            }
        }

        body .usp-banner {
            overflow: hidden;
            margin: 0 0 10px
        }

        body .usp-banner__row {
            margin-left: -5px;
            margin-right: -5px
        }

        body .usp-banner__col {
            padding-left: 5px;
            padding-right: 5px
        }

        body .usp-banner__inner {
            padding: 10px 15px;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 165, 187, .2);
            text-align: center
        }

        body .usp-banner__icon-wrap {
            margin: 0 0 4px
        }

        body .usp-banner__icon {
            max-width: 45px;
            -o-object-fit: scale-down;
            object-fit: scale-down
        }

        body .usp-banner__title {
            font-family: Poppins, sans-serif;
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            color: #000;
            letter-spacing: normal;
            text-transform: uppercase
        }

        body .product-item {
            position: relative
        }

        body .product-item__img-container {
            position: relative;
            margin: 0 0 6px
        }

        body .product-item__img-container:active .product-item__submit,
        body .product-item__img-container:hover .product-item__submit {
            pointer-events: auto;
        }

        body .product-item__img-container:active .product-item__size-wrap,
        body .product-item__img-container:hover .product-item__size-wrap {
            opacity: 1;
            pointer-events: auto;
        }

        body .product-item__link {
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%
        }

        body .product-item__submit {
            vertical-align: middle;
            white-space: normal;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-family: Poppins, sans-serif;
            font-weight: 500;
            line-height: 20px;
            color: #000;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            text-align: center;
            text-decoration: none;
            padding: 11px 23px;
            background: none;
            background-color: transparent;
            border: 2px solid #000;
            border-radius: 0;
            bottom: 70px;
            background-color: hsla(0, 0%, 100%, .7);
            position: absolute;
            z-index: 1;
            pointer-events: none
        }

        body .product-item__submit:not(:disabled):active,
        body .product-item__submit:not(:disabled):focus,
        body .product-item__submit:not(:disabled):hover {
            background: none;
            background-color: #000;
            color: #fff
        }

        body .product-item__submit:disabled {
            cursor: not-allowed;
            background: none;
            background-color: transparent;
            color: #000;
            border-color: #000
        }

        @media only screen and (max-width: 575px) {
            body .product-item__submit {
                font-size: 11.5px
            }
        }

        body .product-item__size-wrap {
            transition: opacity .2s ease-in-out;
            z-index: 2;
            position: absolute;
            bottom: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 40px;
            background-color: #212121;
            opacity: 0;
            pointer-events: none
        }

        body .product-item__size-styled {
            font-family: Lato, sans-serif;
            font-weight: 500;
            font-size: 18px;
            line-height: 40px;
            color: #cecece;
            letter-spacing: normal;
            transition: all .2s ease-in;
            position: relative;
            text-align: center;
            border: none;
            background-color: transparent;
            padding: 0;
            display: block;
            cursor: pointer
        }

        body .product-item__size-styled:after {
            content: "";
            position: absolute;
            left: 0;
            top: 100%;
            width: 100%;
            height: 5px
        }

        body .product-item__size-options {
            display: none;
            position: absolute;
            bottom: calc(100% - 1px);
            left: 50%;
            width: 100%;
            transform: translate(-50%);
            display: none;
            margin: 0;
            padding: 5px;
            list-style: none;
            background-color: #fff;
            border: 1px solid #212121
        }

        body .product-item__size-option {
            transition: color .2s ease-in-out, background-color .2s ease-in-out;
            position: relative;
            margin: 0 3px 5px;
            padding: 0px;
            display: inline-block;
            width: auto;
            border: 2px solid #7b7b7b;
        }

        body .product-item__size-option[rel=hide] {
            display: none
        }

        body .product-item__size-label {
            font-family: Lato, sans-serif;
            font-weight: 500;
            font-size: 14px;
            line-height: 18px;
            color: #212121;
            letter-spacing: normal;
            transition: color .2s ease-in-out, background-color .2s ease-in-out;
            width: 100%;
            margin: 0;
            padding: 5px;
            cursor: pointer;
            display: block
        }

        body .product-item__size-label.unavailable {
            text-decoration: line-through;
            opacity: .7
        }

        body .product-item__size-label:active:not(.unavailable),
        body .product-item__size-label:hover:not(.unavailable) {
            background-color: rgba(255, 165, 187, .2);
            color: #212121
        }

        body .product-item__size-input {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
            background-color: transparent;
            visibility: hidden
        }

        body .product-item__size-input:checked + label:not(.unavailable) {
            background-color: #212121;
            color: #cecece
        }

        body .product-item__title-bar {
            *zoom: 1;
            margin: 0 0 5px
        }

        body .product-item__title-bar:after {
            content: "";
            display: table;
            clear: both
        }

        body .product-item__title {
            font-family: Lato, sans-serif;
            font-weight: 400;
            font-size: 18px;
            line-height: 24px;
            color: #7b7b7b;
            letter-spacing: normal;
            transition: color .2s ease-in-out;
            float: left;
            width: calc(100% - 30px)
        }

        @media screen and (max-width: 480px) {
            body .product-item__title {
                line-height: 20px;
            }
        }

        body .product-item__title:active,
        body .product-item__title:hover {
            color: #363636;
            font-weight: 600;
        }

        body .product-item__wishlist {
            float: right;
            width: 20px;
            text-align: right
        }

        body .product-item__price-wrap {
            font-size: 0;
            line-height: 0;
            display: block;
        }

        .template-collection .product-item__price-wrap {
            margin-bottom: 10px;
        }

        body .product-item__price {
            font-family: Lato, sans-serif;
            font-weight: 500;
            font-size: 20px;
            line-height: 24px;
            color: #7b7b7b;
            letter-spacing: normal
        }

        body .product-item__price + .grid-view-item__reviews {
            vertical-align: bottom;
            display: inline-block;
        }

        /*body .product-item__price.discounted{font-weight: 700; color: #3a3a3a}*/
        body .product-item__price-compare {
            font-family: Lato, sans-serif;
            font-weight: 400;
            font-size: 17px;
            line-height: 24px;
            color: #7b7b7b;
            letter-spacing: normal;
            margin: 0 0 0 5px
        }

        body .product-item__price.discounted + .grid-view-item__reviews {
            vertical-align: bottom;
            display: inline-block;
        }

        .hide {
            display: none !important
        }

        .static {
            position: static !important
        }

        .relative {
            position: relative !important
        }

        .no-padding {
            padding: 0 !important
        }

        .theme-color {
            color: #ffa5bb !important
        }

        body #exit-intent-tempalte div.exit-intent-tempalte + div {
            display: none;
        }

        #gorgias-web-messenger-container {
            z-index: 9999999;
        }

        body #challenge p.shopify-challenge__message {
            font-size: 16px;
            font-family: Lato;
        }

        body #challenge input[type="submit"].shopify-challenge__button {
            font-size: 14px;
            font-family: Lato;
            margin: 10px auto;
            background-color: #FFA5BB;
        }

        body .collection-video-wrapper {
            width: calc(100% - 560px);
            margin: 0 auto;
        }

        body .collection-video {
            position: relative;
            padding-bottom: 100%;
            height: 0;
            overflow: hidden;
            max-width: 100%;
            margin: 30px auto;
        }

        .collection-video iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        body .ls-title {
            padding-top: 10px;
        }

        @media screen and (max-width: 480px) {
            body .ls-title {
                padding-top: 35px;
            }
        }

        limespot-box .yotpo.bottomLine .standalone-bottomline .yotpo-icon.yotpo-icon-star,
        limespot-box .yotpo.bottomLine .standalone-bottomline .yotpo-icon.yotpo-icon-half-star {
            margin: 0;
            background: none !important;
            color: #000 !important;
            font-size: 14px !important;
            width: auto !important;
            height: auto !important;
        }

        limespot-box .yotpo .text-m {
            margin: 2px 0 0 5px;
            color: #ffa5bb !important;
        }

        @media screen and (max-width: 768px) {
            body .collection-video-wrapper {
                width: 100%;
                margin: 0 auto;
            }
        }

        .tag-group .product-tags-labels li:not(.tag-new) {
            position: absolute;
            top: 0;
            left: auto;
            right: 0;
            text-align: center;
            background-color: #0F0F0F;
            color: white;
            height: auto;
            padding: 8px 15px;
            font-size: 12px;
            font-family: 'Lato';
            font-weight: bold;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin: 0 !important;
        }

        @media screen and (max-width: 520px) {
            .tag-group .product-tags-labels li:not(.tag-new) {
                height: auto;
            }

            .shopify-section.mobile-f-products .product-item__title-bar button.swym-button {
                margin-top: 0;
            }
        }

        @media screen and (max-width: 1420px) {
            .tag-group .product-tags-labels li {
                padding: 8px 11px;
                font-size: 11px;
            }
        }

        @media screen and (max-width: 1318px) {
            .tag-group .product-tags-labels li {
                letter-spacing: 0;
            }
        }

        @media screen and (max-width: 1198px) {
            .tag-group .product-tags-labels li {
                padding: 8px 6px;
                font-size: 10px;
            }
        }

        @media screen and (max-width: 1093px) {
            .tag-group .product-tags-labels li {
                height: 24px;
                padding: 6px;
                font-size: 8px;
            }
        }

        @media screen and (max-width: 991px) {
            .tag-group .product-tags-labels li {
                height: 30px;
                padding: 8px 12px;
                font-size: 11px;
            }
        }

        @media screen and (max-width: 792px) {
            .tag-group .product-tags-labels li {
                height: 28px;
                font-size: 10px;
            }
        }

        @media screen and (max-width: 767px) {
            .tag-group .product-tags-labels li {
                height: 30px;
                padding: 7px 8px;
                font-size: 12px;
                letter-spacing: 1px;
            }
        }

        @media screen and (max-width: 505px) {
            .tag-group .product-tags-labels li {
                font-size: 12px;
                letter-spacing: 0px;
            }
        }

        @media screen and (max-width: 460px) {
            .tag-group .product-tags-labels li {
                font-size: 9px;
                line-height: 16px;
                right: 4px;
            }
        }
    </style>
    <link type="text/css" href="/static/mall/sparkleinpink/search/layout.theme.styleLiquid.scss.css" rel="stylesheet">

    <style>
        @font-face {
            font-family: Lato;
            font-weight: 400;
            font-style: normal;
            src: url("fonts/lato_n4.c86cddcf8b15d564761aaa71b6201ea326f3648b.woff2") format("woff2"),
            url("fonts/lato_n4.e0ee1e2c008a0f429542630edf70be01045ac5e9.woff") format("woff");
        }

        @font-face {
            font-family: Helvetica;
            font-weight: 400;
            font-style: normal;
            src: url("fonts/helvetica_n4.fe093fe9ca22a15354813c912484945a36b79146.woff2") format("woff2"),
            url("fonts/helvetica_n4.8bddb85c18a0094c427a9bf65dee963ad88de4e8.woff") format("woff");
        }

        @font-face {
            font-family: Helvetica;
            font-weight: 700;
            font-style: normal;
            src: url("fonts/helvetica_n7.39bee04bd277a9c4e94e2fd42d53f4e3c0afb8a5.woff2") format("woff2"),
            url("fonts/helvetica_n7.b95359461a6788d5549e702cb2123bc40c227e49.woff") format("woff");
        }

        @font-face {
            font-family: Helvetica;
            font-weight: 700;
            font-style: oblique;
            src: url("fonts/helvetica_o7.215fd4ca1a06214fa01e44328a1992c977700ea2.woff2") format("woff2"),
            url("fonts/helvetica_o7.b0a2026ae2aa64d060f9ce0ee1b3c3c1aa21bf88.woff") format("woff");
        }


        :root {
            --color-accent: #c4cdd5;
            --color-body-text: #161d25;
            --color-main-background: #ffffff;
            --color-border: #849bb6;

            --font-heading: Lato, sans-serif;
            --font-body: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
            --font-body-weight: 400;
            --font-body-style: normal;
            --font-body-bold-weight: 700;
        }
    </style>


    <link href="/static/mall/sparkleinpink/header-footer.css" rel="stylesheet" type="text/css" media="all">


    <!-- ::{"general":{"productAndVariantAvailable":false,"availableAfterFiltering":true,"activeFilterScrollbar":true,"showFilterOptionCount":true,"showSingleOption":false,"showOutOfStockOption":false,"keepToggleState":true,"showRefineBy":true,"changeMobileButtonLabel":false,"capitalizeFilterOptionValues":true,"swatchImageVersion":111139,"paginationType":"default","customSortingList":"best-selling||relevance||manual||price-ascending||price-descending||title-ascending||title-descending|||created-ascending","sortingAvailableFirst":true,"showLoading":false,"activeScrollToTop":false},"search":{"enableSuggestion":true,"productAvailable":false,"showSuggestionProductVendor":false,"showSuggestionProductPrice":true,"showSuggestionProductSalePrice":true,"showSuggestionProductSku":true,"showSuggestionProductImage":true,"suggestionBlocks":[{"type":"suggestions","label":"Suggestions","status":"active","number":3},{"type":"collections","label":"Collections","status":"active","number":3},{"type":"products","label":"Products","status":"active","number":3},{"type":"pages","label":"Pages","status":"active","number":3}]},"label":{"action_list":{},"recentlyViewed":{},"mostPopular":{}},"style":{"filterTitleTextColor":"","filterTitleFontSize":"","filterTitleFontWeight":"","filterTitleFontTransform":"","filterTitleFontFamily":"","filterOptionTextColor":"","filterOptionFontSize":"","filterOptionFontFamily":"","filterMobileButtonTextColor":"","filterMobileButtonFontSize":"","filterMobileButtonFontWeight":300,"filterMobileButtonFontTransform":"","filterMobileButtonFontFamily":"","filterMobileButtonBackgroundColor":"rgba(255||255||255||0)"},"actionlist":{"qvBtnBackgroundColor":"rgba(255||255||255||1)","qvBtnTextColor":"rgba(61||66||70||1)","qvBtnBorderColor":"rgba(255||255||255||1)","qvBtnHoverBackgroundColor":"rgba(61||66||70||1)","qvBtnHoverTextColor":"rgba(255||255||255||1)","qvBtnHoverBorderColor":"rgba(61||66||70||1)","atcBtnBackgroundColor":"rgba(0||0||0||1)","atcBtnTextColor":"rgba(255||255||255||1)","atcBtnBorderColor":"rgba(0||0||0||1)","atcBtnHoverBackgroundColor":"rgba(61||66||70||1)","atcBtnHoverTextColor":"rgba(255||255||255||1)","atcBtnHoverBorderColor":"rgba(61||66||70||1)","qvAtcMessage":"","alStyle":"bc-al-style4","qvTitle":"","qvEnable":true,"actTitle":"","atcEnable":true},"recentlyViewed":{"recentlyViewedTitle":"","recentlyViewedEnable":true,"recentProductSliderRange":4,"limit":8},"mostPopular":{"mostPopularTitle":"","mostPopularEnable":true,"popularProductSliderRange":4,"limit":8},"labelTranslations":{}}:: -->
    <style data-id="bc-sf-filter-style" type="text/css">
        #bc-sf-filter-options-wrapper .bc-sf-filter-option-block .bc-sf-filter-block-title h3,
        #bc-sf-filter-tree-h .bc-sf-filter-option-block .bc-sf-filter-block-title a {
        }

        #bc-sf-filter-options-wrapper .bc-sf-filter-option-block .bc-sf-filter-block-content ul li a,
        #bc-sf-filter-tree-h .bc-sf-filter-option-block .bc-sf-filter-block-content ul li a {
        }

        #bc-sf-filter-tree-mobile button {
            font-weight: 300 !important;
            background: rgba(255, 255, 255, 0) !important;
        }
    </style>
    <link href="/static/mall/sparkleinpink/search/bc-sf-filter.scss.css" rel="stylesheet" type="text/css" media="all">


    <style>
        /* bold-brain-widget.css */
        .bold-recommend {
            margin-bottom: 30px;
        }

        .bold-recommend__wrap {
            max-width: 1280px;
            width: 100%;
            padding: 20px 0px;
            margin: 0 auto;
        }

        .bold-recommend__grid {
            box-sizing: border-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            margin-left: -20px;
        }

        .bold-recommend__title {
            margin-bottom: 20px;
        }

        .bold-recommend__product {
            -webkit-flex-basis: 25%;
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            max-width: 25%;
            width: 25%;
            box-sizing: border-box;
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            padding: 0 0 0 20px;
            color: currentColor;
            transition: opacity .3s ease-in-out !important;
            opacity: 1;
            margin-bottom: 40px;
        }

        .bold-recommend__product_3 {
            -webkit-flex-basis: 33%;
            -ms-flex-preferred-size: 33%;
            flex-basis: 33%;
            max-width: 33%;
            width: 33%;
        }

        .bold-recommend__product_4 {
            -webkit-flex-basis: 25%;
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            max-width: 25%;
            width: 25%;
        }

        .bold-recommend__product_5 {
            -webkit-flex-basis: 20%;
            -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
            max-width: 20%;
            width: 20%;
        }

        .bold-recommend__product_6 {
            -webkit-flex-basis: 16%;
            -ms-flex-preferred-size: 16%;
            flex-basis: 16%;
            max-width: 16%;
            width: 16%;
        }

        .bold-recommend__product:hover {
            opacity: .75;
            cursor: pointer;
        }

        .bold-recommend__product.bold-recommend__updated:hover {
            opacity: initial;
            cursor: initial;
        }

        .bold-recommend__product-content:hover {
            opacity: .75;
            cursor: pointer;
        }

        .bold-recommend__product * {
            transition: opacity .3s ease-in-out !important;
        }

        .bold-recommend__product h4 {
            margin: 0 0 8px !important;
            opacity: .9;
        }

        .bold-recommend__product h5 {
            margin: 0 0 10px 0 !important;
            opacity: .65;
        }

        .bold-recommend__img {
            display: block;
            width: 100%;
            height: auto;
            padding-bottom: 100%;
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
        }

        .bold-recommend__updated .bold-recommend__img {
            width: auto;
            padding-bottom: unset;
            max-width: 100%;
            max-height: 100%;
        }

        .bold-recommend__img-container {
            height: 200px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            margin-bottom: 16px;
        }

        @media screen and (max-width: 1300px) {
            .bold-recommend__wrap {
                padding: 20px 15px !important;
            }
        }

        @media screen and (max-width: 1024px) {
            .bold-recommend__product {
                -webkit-flex-basis: 50%;
                -ms-flex-preferred-size: 50%;
                flex-basis: 50%;
                max-width: 50%;
                width: 50%;
            }
        }

        @media screen and (max-width: 767px) {
            .bold-recommend__wrap {
            }
        }

        @media screen and (max-width: 500px) {
            .bold-recommend__product {
                -webkit-flex-basis: 100%;
                -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
                max-width: 100%;
                width: 100%;
            }

            .bold-recommend__product img {
                margin: 0 auto;
                display: block;
                width: 100%;
            }

            .bold-recommend__img-container {
                height: auto;
            }
        }
    </style>


    <link href="/static/mall/sparkleinpink/v3globomenu.css" rel="stylesheet" type="text/css" media="all">


    <style>
        .mw-gp-container {
            margin-bottom: 20px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%
        }

        .mw-gp-spinner {
            display: block;
            margin: 10px auto;
            font-size: 10px;
            position: relative;
            text-indent: -9999em;
            border-top: 5px solid rgba(184, 184, 184, .2);
            border-right: 5px solid rgba(184, 184, 184, .2);
            border-bottom: 5px solid rgba(184, 184, 184, .2);
            border-left: 5px solid rgba(105, 105, 105, .2);
            -webkit-animation: mwgpanimation 1.1s infinite linear;
            animation: mwgpanimation 1.1s infinite linear
        }

        .mw-gp-spinner,
        .mw-gp-spinner:after {
            border-radius: 50%;
            width: 50px;
            height: 50px
        }

        @-webkit-keyframes mwgpanimation {
            0% {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }

        @keyframes mwgpanimation {
            0% {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }
    </style>

    <script>
        document.documentElement.className = document.documentElement.className.replace('no-js', '');

        window.theme = {
            strings: {
                addToCart: "Add to Cart",
                soldOut: "Sold Out",
                unavailable: "Unavailable"
            },
            moneyFormat: "$ {{amount}}"
        };
    </script>
    <noscript>
        <img height="1" width="1" style="display:none;" alt src="images/v3.gif">
    </noscript>


    <script>
        window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');
    </script>
    <meta name="google-site-verification" content="1V99NXejH-HqSbldB_q9xZCR62XG0b_sicrcf0ol1Z8">
    <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/4078285/digital_wallets/dialog">
    <meta name="shopify-checkout-api-token" content="ff5b97075513e32aea1b96d4afd83dbe">
    <meta id="in-context-paypal-metadata" data-shop-id="4078285" data-venmo-supported="true"
          data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
    <meta id="amazon-payments-metadata" data-amazon-payments="true" data-amazon-payments-seller-id="A21J0Z61P3GLP"
          data-amazon-payments-callback-url="https://sparkleinpink.com/4078285/amazon_payments/callback"
          data-amazon-payments-sandbox-mode="false"
          data-amazon-payments-client-id="amzn1.application-oa2-client.ad1dea3609244526b46c4ce2a12e6b33"
          data-amazon-payments-region="US" data-amazon-payments-language="en-US"
          data-amazon-payments-widget-library-url="https://static-na.payments-amazon.com/OffAmazonPayments/us/js/Widgets.js">
    <!-- <link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/st-patricks.atom"> -->
    <!-- <link rel="alternate" type="application/json+oembed" href="https://sparkleinpink.com/collections/st-patricks.oembed"> -->
    <!-- <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> -->
    <link rel="stylesheet" media="screen" href="/static/mall/sparkleinpink/search/styles.css">


    <link href="/static/mall/sparkleinpink/bold-upsell.css" rel="stylesheet" type="text/css" media="all">
    <link href="/static/mall/sparkleinpink/bold-upsell-custom.css" rel="stylesheet" type="text/css" media="all">

    <script type="text/javascript" async src="/static/mall/sparkleinpink/search/js/storefront.min.js"></script>


    <!-- <link rel="alternate" hreflang="en" href="https://sparkleinpink.com/collections/st-patricks"> -->
    <!-- <link rel="alternate" hreflang="es" href="https://sparkleinpink.com/a/l/es/collections/st-patricks"> -->


    <!--Start Weglot Script-->
    <!--End Weglot Script-->


    <meta property="og:image" content="images/Shopify_Logo.png">
    <meta property="og:image:secure_url" content="images/Shopify_Logo.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="628">
</head>

<body id="st-patricks" class="template-collection" data-asset-url="//cdn.shopify.com/s/files/1/0407/8285/t/138/assets/">
<div class="overlays" style="display: none;"></div>
<!-- <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> -->

<div id="shopify-section-header" class="shopify-section site-header">
    <nav role="navigation" class="navigation-menu mobile">
        <ul class="mobile-menu">
            <div id="search" class="mobile_search">
                <form action="/search" method="get" role="search" class>
                    <div class="inner_div">
                        <input type="search" name="q" id="Search-header" value placeholder="Search" autocapitalize="off"
                               autocomplete="off" autocorrect="off">
                        <input type="hidden" name="type" value="product">
                        <button type="submit" class="button">
                            <i class="fa fa-search search_sectin" aria-hidden="true"></i>
                            <span class="fallback-text">Search Icon</span>
                        </button>
                    </div>
                </form>
            </div>


            <li class="menu-item toggle closed" index="0" is_open="false">
                <a class="menu-target" href="javascript:;">
                    <span class="menu-title"> Clothing </span>

                </a>


                <ul class="menu-submenu menu-submenu-drop index0">
                    <span class="globmenu-caret"></span>
                    <li class="menu-submenu-sublist menu-submenu-container">
                        <ul>


                            <li class="menu-item toggle closed" index="1" is_open="false">
                                <a class="menu-target" href="javascript:;">
                                    <span class="menu-target-title menu-target-text">Everyday</span>

                                </a>
                                <ul class="menu-submenu menu-submenu-type-stack index1">


                                    <li class="menu-item  gin"><a class="menu-target "
                                                                  href="https://sparkleinpink.com/collections/mystery-boxes">
                                        <span class="menu-target-title menu-target-text">Mystery Boxes</span></a>
                                    </li>

                                </ul>
                            </li>


                            <li class="menu-item toggle closed" index="1" is_open="false">
                                <a class="menu-target" href="javascript:;">
                                    <span class="menu-target-title menu-target-text">Seasonal Clothing</span>

                                </a>
                                <ul class="menu-submenu menu-submenu-type-stack index1">

                                    <li class="menu-item  gin"><a class="menu-target "
                                                                  href="https://sparkleinpink.com/collections/costumes">
                                        <span class="menu-target-title menu-target-text">Costumes</span></a>
                                    </li>
                                    <li class="menu-item  gin"><a class="menu-target "
                                                                  href="https://sparkleinpink.com/collections/back-to-school">
                                        <span class="menu-target-title menu-target-text">Back to School</span></a>
                                    </li>

                                </ul>
                            </li>


                            <li class="menu-item toggle closed" index="1" is_open="false">
                                <a class="menu-target" href="javascript:;">
                                    <span class="menu-target-title menu-target-text">Special Offers</span>

                                </a>
                                <ul class="menu-submenu menu-submenu-type-stack index1">

                                    <li class="menu-item  gin"><a class="menu-target "
                                                                  href="https://sparkleinpink.com/collections/mystery-boxes">
                                        <span class="menu-target-title menu-target-text">Mystery Boxes</span></a>
                                    </li>
                                    <li class="menu-item  gin"><a class="menu-target "
                                                                  href="https://sparkleinpink.com/collections/clearance">
                                        <span class="menu-target-title menu-target-text">Clearance</span></a>
                                    </li>

                                </ul>
                            </li>


                        </ul>
                    </li>
                </ul>

            </li>


            <li class="menu-item  menu-item-level-0 gin">
                <a class="menu-target " href="https://sparkleinpink.com/collections/new-arrivals"><span
                        class="menu-target-title menu-target-text">
                            New
                        </span></a>
            </li>


            <li class="menu-item toggle closed" index="0" is_open="false">
                <a class="menu-target" href="javascript:;">
                    <span class="menu-title"> Footwear </span>

                </a>


                <ul class="menu-submenu toggle closed index0" is_open="false">
                    <span class="globmenu-caret"></span>

                    <li class="menu-item">
                        <a class="menu-target" href="https://sparkleinpink.com/collections/footwear">
                            <span class="menu-target-title menu-target-text">Shoes</span>

                        </a>
                    </li>

                    <li class="menu-item">
                        <a class="menu-target" href="https://sparkleinpink.com/collections/socks">
                            <span class="menu-target-title menu-target-text">Socks</span>

                        </a>
                    </li>

                </ul>

            </li>


            <li class="menu-item toggle closed" index="0" is_open="false">
                <a class="menu-target" href="javascript:;">
                    <span class="menu-title"> Accessories </span>

                </a>


                <ul class="menu-submenu toggle closed index0" is_open="false">
                    <span class="globmenu-caret"></span>


                    <li class="menu-item">
                        <a class="menu-target" href="https://sparkleinpink.com/collections/misc">
                            <span class="menu-target-title menu-target-text">Purses</span>

                        </a>
                    </li>

                    <li class="menu-item">
                        <a class="menu-target" href="https://sparkleinpink.com/products/gift-card">
                            <span class="menu-target-title menu-target-text">Gift Card</span>

                        </a>
                    </li>

                </ul>

            </li>


            <li class="menu-item  menu-item-level-0 gin">
                <a class="menu-target " href="https://sparkleinpink.com/collections/clearance"><span
                        class="menu-target-title menu-target-text">
                            Clearance
                        </span></a>
            </li>


            <li class="menu-item toggle closed" index="0" is_open="false">
                <a class="menu-target" href="javascript:;">
                    <span class="menu-title"> Info </span>

                </a>


                <ul class="menu-submenu toggle closed index0" is_open="false">
                    <span class="globmenu-caret"></span>

                    <li class="menu-item">
                        <a class="menu-target" href="https://sparkleinpink.com/pages/reviews">
                            <span class="menu-target-title menu-target-text">Real Reviews from Real Customers</span>

                        </a>
                    </li>

                </ul>

            </li>


            <li class="menu-item toggle closed gin login" index="0" is_open="false">
                <a class="menu-target" href="javascript:;">
                    <span class="menu-target-title menu-target-text">SIGN IN</span>
                </a>
                <ul class="menu-submenu toggle closed index0" is_open="false">
                    <span class="globmenu-caret"></span>

                    <li class="menu-item">
                        <a class="menu-target" href="/account/login">
                            <span class="menu-target-title menu-target-text">Sign In</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a class="menu-target" href="/account/register">
                            <span class="menu-target-title menu-target-text">Sign Up</span>
                        </a>
                    </li>

                    <li class="menu-item">
                        <a class="menu-target" href="/pages/returns">
                            <span class="menu-target-title menu-target-text">Initate A Return</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a class="menu-target" href="/pages/rewards">
                            <span class="menu-target-title menu-target-text">Diamond Rewards</span>
                        </a>
                    </li>
                </ul>
            </li>
            <div class="contact-info">
                <a href="tel:1-866-328-9752">
                    <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="phone-alt" role="img"
                         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                         class="svg-inline--fa fa-phone-alt fa-w-16 fa-fw fa-2x">
                        <path fill="currentColor"
                              d="M493.09 351.3L384.7 304.8a31.36 31.36 0 0 0-36.5 8.9l-44.1 53.9A350 350 0 0 1 144.5 208l53.9-44.1a31.35 31.35 0 0 0 8.9-36.49l-46.5-108.5A31.33 31.33 0 0 0 125 .81L24.2 24.11A31.05 31.05 0 0 0 0 54.51C0 307.8 205.3 512 457.49 512A31.23 31.23 0 0 0 488 487.7L511.19 387a31.21 31.21 0 0 0-18.1-35.7zM456.89 480C222.4 479.7 32.3 289.7 32.1 55.21l99.6-23 46 107.39-72.8 59.5C153.3 302.3 209.4 358.6 313 407.2l59.5-72.8 107.39 46z"
                              class=""/>
                    </svg>
                    1-866-328-9752
                    <span class="fallback-text">Contact Phone Icon</span>
                </a>
                <a href="mailto:support@sparkleinpink.com" target="_top"> <i class="fa fa-envelope-o"></i>
                    support@sparkleinpink.com</a>
            </div>

            <div class="weglot-container" style data-switcher-id="1" id="weglot-switcher-2"
                 data-switcher-style-opt="{&quot;with_name&quot;:true,&quot;full_name&quot;:true,&quot;is_dropdown&quot;:true,&quot;with_flags&quot;:true,&quot;custom_css&quot;:&quot;&quot;,&quot;flag_type&quot;:&quot;shiny&quot;}">
            </div>
        </ul>
    </nav>
    <section data-section-id="header" data-section-type="header">
        <style>
            .slide {
                display: inline-block;
            }
        </style>
        <header class="max-wrap" role="banner">
            <div class="row no-gutters">
                <div class="col">
                    <div class="site-header__rewards  desktop">
                        <div class="customroate">
                            <!--<div class="singleslider" data-speed="7000">
                                <div class="slide">
                                    <a href="/pages/rewards">
                                        <h4 class="site-header__rewards-title">GET REWARDED</h4>
                                        <p class="site-header__rewards-text">with
                                            <pink> diamond rewards</pink>
                                        </p>
                                    </a>
                                </div>
                                <div class="slide">
                                    <a href="/collections/new-arrivals">
                                        <h4 class="site-header__rewards-title">NEW ARRIVALS</h4>
                                        <p class="site-header__rewards-text">every
                                            <pink> single day</pink>
                                        </p>
                                    </a>
                                </div>
                            </div>-->
                        </div>
                    </div>
                    <div class="site-header__rewards mobile">
                        <div class="customroate">
                            <div class="singleslider" data-speed="7000">
                                <div class="slide">
                                    <a href="/pages/rewards">
                                        <h4 class="site-header__rewards-title">FREE SHIPPING</h4>
                                        <p class="site-header__rewards-text">on orders <span style="color:#ffa5b4;"> over $<span
                                                class="order_limit">125</span></span></p>
                                    </a>
                                </div>
                                <div class="slide">
                                    <a href="/collections/new-arrivals">
                                        <h4 class="site-header__rewards-title">NEW ARRIVALS</h4>
                                        <p class="site-header__rewards-text">every <span style="color:#ffa5b4;"> single day</span>
                                        </p>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="col desktop">

                    <div class="site-header__logo-container">

                        <a href="/" class="site-header__logo-link">


                            <img class="site-header__logo lazyload"
                                 src=""
                                 data-src="images/Artboard_1_640x.png" alt="Sparkle In Pink">

                        </a>

                    </div>

                </div>
                <div class="col">
                    <div class="site-header__contact-wrap">
                        <a href class="site-header__contact"></a>
                    </div>
                </div>
            </div>
        </header>

        <div class="site-header__menus">
            <div class="row">
                <div class="col-md-12 menu_imain_Sec">
                    <div class="fixed_logo m_ipad_hidden">

                        <a href="/"><img class="lazyload"
                                         src=""
                                         data-src="images/SIP-Logo_300X.png" alt> </a>

                    </div>


                    <nav role="navigation" class="navigation-menu">
                        <a class=" globomenu-responsive-toggle globomenu-responsive-toggle-content-align-left"><i
                                class="fa fa-bars"></i>SHOP</a>
                        <ul class="globomenu globomenu-main globomenu-horizontal globomenu-transition-shift globomenu-items-align-left globomenu-sub-indicators globomenu-trigger-hover globomenu-responsive globomenu-responsive-collapse">
                            <th:block th:each="category : ${categories}">
                                <th:block th:each="secondLevelCategory : ${category.secondLevelCategoryVOS}">
                                    <th:block
                                            th:each="thirdLevelCategory : ${secondLevelCategory.thirdLevelCategoryVOS}">
                                        <li class="globomenu-item  globomenu-item-level-0 gin">
                                            <a class="globomenu-target " href="#"
                                               th:href="@{'/search?goodsCategoryId='+${thirdLevelCategory.categoryId}}">
                                        <span class="globomenu-target-title globomenu-target-text">
                                        <th:block th:text="${thirdLevelCategory.categoryName}"></th:block>
                                        </span></a>
                                            </a>
                                        </li>
                                    </th:block>
                                </th:block>
                            </th:block>
                            <li class="globomenu-item  globomenu-item-level-0 gin">
                                <a class="globomenu-target " href="#"
                                   th:href="@{'/search?goodsCategoryId='+'-1'}">
                                        <span class="globomenu-target-title globomenu-target-text"
                                              style="color: #c7254e">
                                        flash sale</th:block>
                                        </span></a>
                                </a>
                            </li>
                            <li class="globomenu-item  globomenu-item-level-0 gin">
                                <a class="globomenu-target " href="#"
                                   th:href="@{'/search?goodsCategoryId='+'-2'}">
                                <span class="globomenu-target-title globomenu-target-text" style="color: #c7254e">
                                        Pre-sale</th:block>
                                        </span></a>
                                </a>
                            </li>
                        </ul>
                    </nav>
                    <div class="logo mobile">
                        <h1 class="site-header__logo-container">
                            <a href="/" class="site-header__logo-link">


                                <img class="site-header__logo lazyload"
                                     src=""
                                     data-src="images/Artboard_1_640x.png" alt="Sparkle In Pink">

                            </a>
                        </h1>
                    </div>
                    <div class="RESPONSIVE_NAV">
                        <ul class="menu_sign_in_sec">
                            <th:block th:if="${session.newBeeMallUser==null}">
                                <li class="dropdown">
                                    <a href="/login" class="dropdown-toggle" style="cursor-pointer:none;">Sign In<span
                                            class="caret"></span></a>
                                    <ul class="dropdown-menu">

                                        <li>
                                            <button type="button" class="btn"><a href="/login" style="color:#fff;">Sign
                                                In</a></button>
                                        </li>
                                        <!--<li>
                                            <button type="button" class="btn"><a href="#" style="color:#fff;">Register</a></button>
                                        </li>-->
                                        <hr class="menu-spliter">
                                    </ul>
                                </li>
                            </th:block>
                            <th:block th:unless="${session.newBeeMallUser==null}">
                                <li class="dropdown">
                                    <a th:href="@{/personal}" class="dropdown-toggle" style="cursor-pointer:none;"
                                       th:text="${session.newBeeMallUser.loginName}">
                                        <span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <button type="button" class="btn btn-default"><a href="/logout">Log out</a>
                                            </button>
                                        </li>
                                        <hr class="menu-spliter">
                                    </ul>
                                </li>
                            </th:block>
                        </ul>
                    </div>
                    <div class="search_icon a123">
                        <ul>
                            <a id="mi_wish" href="#swym-wishlist" class="site-header__utility-link"><img
                                    class="lazyload"
                                    src=""
                                    data-src="images/like.png"></a>

                            <div class="cart-box">
                                <a class="site-header__utility-link mini_cart_icon available" th:href="@{/shop-cart}">
                                    <img class=" ls-is-cached lazyloaded"
                                         src="//cdn.shopify.com/s/files/1/0407/8285/t/139/assets/shopping_bag_22x.png?v=1963140637583695250"
                                         data-src="//cdn.shopify.com/s/files/1/0407/8285/t/139/assets/shopping_bag_22x.png?v=1963140637583695250"
                                         alt="Cart Icon">

                                    <div class="cart_count">0</div>
                                </a>
                            </div>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <style>
        .logo-image {
            display: block;
            max-width: 1400px;
        }
    </style>
</div>
<main role="main" id="MainContent"
      data-soldout-img-url="//cdn.shopify.com/s/files/1/0407/8285/t/138/assets/soldout.png?v=14943089739217575365">
    <div id="shopify-section-promobar" class="shopify-section promobar">
        <style>
            .promo * {
                font-family: "Open Sans";
            }

            .shopfy-section.promobar {
                max-width: 100% !important;
            }

            .container.promo {
                max-width: 100% !important;
            }

            .promo {
                text-align: center;
            }

            .promo.bg-img {
                background-image: url('images/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif');
                height: 80px;
                width: auto;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
            }

            .promo.bg-solid {
                background-color: black;
                height: 80px;
                width: auto;
                background-size: contain;
            }

            .promo h5 {
                width: auto !important;
                font-size: 23px;
                font-weight: normal;
                letter-spacing: 4px;
                color: white;
                transform: translateY(5px);
                margin-bottom: 7px;
                max-width: calc(100% - 400px);
            }

            .promo .index-introduction__content {
                color: white;
                font-size: 19px;
                letter-spacing: 3px;
                max-width: calc(100% - 400px);
            }

            .promo button {
                padding: 10px 15px;
                color: white;
                border: 1px solid white;
                background: transparent;
            }

            .promo .promo_action_btn {
                margin-top: -50px;
                float: right;
                margin-right: 70px;
            }

            @media (max-width: 1080px) {
                .promo h5 {
                    font-size: 20px;
                }

                .promo .index-introduction__content {
                    font-size: 17px;
                }

            }

            @media (max-width: 980px) {

                .container.promo {
                    height: 65px !important;
                }

                .promo h5 {
                    max-width: calc(100% - 110px);
                    line-height: 1em;
                    font-size: 16px;
                    text-align: left;
                    margin-left: 5px;
                    margin-bottom: 5px;
                    transform: translateY(12px);
                    overflow: hidden;
                    max-height: 16px;
                }

                .promo .index-introduction__content {
                    margin-left: 5px !important;
                    max-width: calc(100% - 110px);
                    text-align: left;
                    transform: translateY(15px);
                    letter-spacing: 3px;
                    font-size: 13px;
                    line-height: 18px;
                    overflow: hidden;
                    max-height: 18px;
                }

                .promo .promo_action_btn {
                    margin-top: -29px !important;
                    margin-right: 0px !important;
                    font-size: 14px;
                    padding: 8px;
                }

                .promo .promo_action_btn button {
                    padding: 6px 8px !important;
                    font-size: 13px;
                }
            }

            @media (max-width: 768px) {

                .template-login .promo.bg-solid,
                .template-register .promo.bg-solid {
                    margin-bottom: 40px;
                }
            }

            @media (max-width: 480px) {
                .promo.bg-img {
                }
            }

            @media (max-width: 390px) {
                .promo h5 {
                    letter-spacing: 2px !important;
                }

                .container.promo {
                    background-size: cover !important;
                }

                .promo .index-introduction__content {
                    letter-spacing: 2px !important;
                }
            }

            @media (max-width: 340px) {
                .promo h5 {
                    letter-spacing: 1px !important;
                }

                .promo .index-introduction__content {
                    letter-spacing: 1px !important;
                }
            }

            @media (min-width: 768px) {
                .shopfy-section .promo {
                    display: none;
                }
            }
        </style>


        <div class="container promo bg-solid">
            <h5 class="index-introduction__title">We're Fully Operational!</h5>
            <!--<div class="index-introduction__content">
                Expect Shipping Delays
            </div>-->
        </div>


    </div>

    <link href="/static/mall/sparkleinpink/search/collection-customize.scss.css" rel="stylesheet" type="text/css"
          media="all">

    <nav class="breadcrumb collection" role="navigation" aria-label="breadcrumbs">
        <h2><a href="/" title="Home">Home</a>
        </h2>

    </nav>


    <div id="shopify-section-collection-banner-section" class="shopify-section" style="z-index: 0 !important;">
        <style>
            .banner_text_collection {

                background-color: #ffa5bb;
                height: 80px;
            }
        </style>
        <header role="banner " style="z-index: 0 !important;">
            <div class="banner_text_collection" style="z-index: 0 !important;">
                <div class="banner-conatiner">
                    <h1>Rarewe Children's clothing&accessories</h1>
                    <div class="banner-breadcrumb"><a href="/" title="Home">Home</a>
                    </div>

                </div>
            </div>

        </header>
    </div>
    <div class="border_sec">
        <div class="container">
            <div id="bc-sf-filter-tree-h">
            </div>
            <div class="collection-cf row">
                <div class="filter-sidebar ">
                    <div id="bc-sf-filter-tree-mobile"></div>
                    <div id="bc-sf-filter-tree">
                        <div id="bc-sf-filter-options-wrapper">
                            <div class="bc-sf-filter-option-block bc-sf-filter-option-block-list bc-sf-filter-option-block-product-categories"
                                 data-id="pf_c_product_categories" data-type="collection" data-display-type="list"
                                 data-select-type="single" data-title="Product Categories"
                                 data-block-id="bc-sf-filter-option-block-product-categories" data-collapse-pc="false"
                                 data-collapse-mobile="false" data-show-search-box-pc="false"
                                 data-show-search-box-mobile="false" data-show-more-type="scrollbar">
                                <div class="bc-sf-filter-block-title"><h3><span>Product Categories</span></h3></div>
                                <div class="bc-sf-filter-block-content jspScrollable" tabindex="0"
                                     style="overflow: hidden; padding: 0px; width: 270px;">
                                    <div id="jspContainer" class="jspContainer"
                                         style="width: 270px; height: 220px; overflow-y: scroll;overflow-x: hidden;">
                                        <style>
                                            .jspContainer {
                                                width: 50px;
                                                height: 200px;
                                                overflow: auto;
                                                float: left;
                                                margin: 5px;
                                                border: none;
                                            }

                                            .scrollbar {
                                                width: 30px;
                                                height: 300px;
                                                margin: 0 auto;

                                            }

                                            .jspContainer::-webkit-scrollbar { /*滚动条整体样式*/
                                                width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
                                                height: 1px;
                                            }

                                            .jspContainer::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
                                                border-radius: 10px;
                                                -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
                                                background: #FFA4BB;
                                            }

                                            .jspContainer::-webkit-scrollbar-track { /*滚动条里面轨道*/
                                                -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
                                                border-radius: 10px;
                                                background: #EDEDED;
                                            }
                                        </style>
                                        <th:block th:each="category : ${categories}">
                                            <th:block
                                                    th:each="secondLevelCategory : ${category.secondLevelCategoryVOS}">
                                                <ul class="bc-sf-filter-option-single-list">
                                                    <th:block
                                                            th:each="thirdLevelCategory : ${secondLevelCategory.thirdLevelCategoryVOS}">
                                                        <li>
                                                            <a onclick="searchCategoryid()">
                                                                <span class="bc-sf-filter-option-value"
                                                                      th:text="${thirdLevelCategory.categoryName}"
                                                                      th:data-goodscategoryid="${thirdLevelCategory.categoryId}"></span>
                                                            </a>
                                                            <!--                                                            <a th:href="@{'/search?goodsCategoryId='+${thirdLevelCategory.categoryId}}"><span-->
                                                            <!--                                                                    class="bc-sf-filter-option-value"-->
                                                            <!--                                                                    th:text="${thirdLevelCategory.categoryName}"></span><span-->
                                                            <!--                                                                    class="bc-sf-filter-option-amount"></span></a>-->
                                                        </li>
                                                    </th:block>
                                                </ul>
                                            </th:block>
                                        </th:block>
                                    </div>
                                </div>
                            </div>
                            <div class="bc-sf-filter-option-block bc-sf-filter-option-block-list bc-sf-filter-option-block-filter-by-size"
                                 data-id="pf_opt_size" data-type="opt_size" data-display-type="list"
                                 data-select-type="multiple" data-title="Filter By Size"
                                 data-block-id="bc-sf-filter-option-block-filter-by-size" data-collapse-pc="false"
                                 data-collapse-mobile="true" data-show-search-box-pc="false"
                                 data-show-search-box-mobile="false" data-show-more-type="none">
                                <div class="bc-sf-filter-block-title"><h3><span>Filter By Size</span></h3></div>
                                <div class="bc-sf-filter-block-content jspScrollable" tabindex="0"
                                     style="overflow: hidden; padding: 0px; width: 270px;">
                                    <div class="jspContainer"
                                         style="width: 270px; height: 220px; overflow-y: scroll;overflow-x: hidden;">
                                        <th:block th:each="allSkuSize : ${allSkuSize}">
                                            <ul class="bc-sf-filter-option-single-list">
                                                <li>
                                                    <a onclick="searchSize()">
                                                        <span class="bc-sf-filter-option-value" th:text="${allSkuSize}"
                                                              th:data-skuSize="${allSkuSize}"></span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </th:block>
                                    </div>
                                </div>
                            </div>
                            <div class="bc-sf-filter-option-block bc-sf-filter-option-block-list bc-sf-filter-option-block-filter-by-color"
                                 data-id="pf_t_filter_by_color" data-type="tag" data-display-type="list"
                                 data-select-type="multiple" data-title="Filter By Color" data-prefix=""
                                 data-block-id="bc-sf-filter-option-block-filter-by-color" data-collapse-pc="false"
                                 data-collapse-mobile="false" data-show-search-box-pc="false"
                                 data-show-search-box-mobile="false" data-show-more-type="scrollbar">
                                <div class="bc-sf-filter-block-title"><h3><span>Filter By Color</span></h3></div>
                                <div class="bc-sf-filter-block-content jspScrollable" tabindex="0"
                                     style="overflow: hidden; padding: 0px; width: 270px;">
                                    <div class="jspContainer"
                                         style="width: 270px; height: 220px; overflow-y: scroll;overflow-x: hidden;">
                                        <th:block th:each="allSkuColor : ${allSkuColor}">
                                            <ul class="bc-sf-filter-option-single-list">
                                                <li>
                                                    <a onclick="searchColor()">
                                                        <span class="bc-sf-filter-option-value" th:text="${allSkuColor}"
                                                              th:data-skuColor="${allSkuColor}"></span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </th:block>
                                    </div>
                                </div>
                            </div>
                            <div class="bc-sf-filter-option-block bc-sf-filter-option-block-range bc-sf-filter-option-block-filter-by-price"
                                 data-id="pf_p_filter_by_price" data-type="price" data-display-type="range"
                                 data-title="Filter By Price" data-block-id="bc-sf-filter-option-block-filter-by-price"
                                 data-collapse-pc="false" data-collapse-mobile="false" data-show-search-box-pc="false"
                                 data-show-search-box-mobile="false">
                                <!--<div class="bc-sf-filter-block-title"><h3><span>Filter By Price <span>($ )</span></span>
                                </h3></div>-->
                                <div class="bc-sf-filter-block-content">
                                    <div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <style>
                        .swym-button.swym-add-to-watchlist-view-product:not(.swym-loaded) {
                            display: none;
                        }

                        /* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
                        .clearfix:before,
                        .clearfix:after {
                            content: "";
                            display: table;
                        }

                        .clearfix:after {
                            clear: both;
                        }

                        .clearfix {
                            zoom: 1;
                        }

                        /* Subnavigation styles */
                        .subnav {
                            clear: both;
                            list-style-type: none;
                            margin: 35px 0;
                            padding: 0;
                        }

                        .subnav li {
                            display: block;
                            float: left;
                        }

                        .subnav li a {
                            display: block;
                            height: 28px;
                            line-height: 28px;
                            padding: 0 7px;
                            -webkit-border-radius: 7px;
                            -moz-border-radius: 7px;
                            border-radius: 7px;
                            background: #eee;
                            margin: 0 7px 7px 0;
                            color: #666;
                        }

                        .subnav li a:hover,
                        .subnav li.active a {
                            background: #666;
                            color: #fff;
                        }

                        .bannre_text_collection h1 span a,
                        .bannre_text_collection h1 span {
                            color: #333 !important;
                            font-size: 22px;
                            text-align: center;
                            font-weight: normal;
                        }

                        ul.pagination-custom li {
                            width: 20px;

                            padding: 15px 18px;
                            color: #000;
                            display: inline;
                        }

                        ul.pagination-custom .active {
                            color: #fff;
                            background: #ffa5bb;
                        }

                        ul.pagination-custom {
                            text-align: center;
                            margin: 32px 0 32px;
                        }

                        span.active {
                            position: relative;
                        }

                        ul.pagination-custom .active::after {
                            z-index: -1;
                            content: "";
                            position: absolute;
                            background: #ffa5bb;
                            width: 38px;
                            height: 41px;
                            top: 0;
                            left: 0;
                        }

                        ul.subnav.clearfix {
                            height: 900px;
                            overflow-y: scroll;
                            padding: 20px;
                        }

                        .right_side_bar .banner_x .icon-search {
                            width: 100px;
                            text-indent: -10000px;
                            background: url("/static/mall/image/search.png") no-repeat;
                            background-size: 50%;
                            background-position: center;
                        }
                    </style>

                </div>
                <style>
                    .aui-info {
                        position: relative;
                    }

                    .fileInput {
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        opacity: 0;
                        display: block;
                        width: 3.5rem;
                        clear: both;
                        display: block;
                        margin: auto;
                        background-color: red;
                    }
                </style>
                <div class="right_side_bar">
                    <nav id="nav" th:fragment="nav-fragment">
                        <div class="banner_x center">
                            <h1>Shop</h1>
                            <div class="fr">
                                <div class="button iconfont icon-search" onclick="search()"></div>
                                <div class="search">
                                    <input class="text" type="text" id="keyword" autocomplete="off">
                                    <div class="search_hot">
                                    </div>
                                </div>
                                <!--<form action="/searchPic" method="post" enctype="multipart/form-data">
                                    <img src="/static/admin/dist/img/img-upload.png" id="img-txz" style="width: 3rem"
                                         class="aui-img-round user-img"/>
                                    <input type="file" accept="image/*" id="searchPic" name="file" class="fileInput" value=""/>
                                    <input type="submit" class="fileInput">
                                </form>-->

                            </div>
                        </div>
                    </nav>
                    <div class="container index-f-products__container">
                        <div id="bc-sf-filter-products" class="row index-f-products__row">
                            <th:block th:unless="${#lists.isEmpty(pageResult.list)}">
                                <th:block th:each="goods : ${pageResult.list}">
                                    <div class="col-lg-3 col-6 index-f-products__col">
                                        <div class="product-item" style="max-width: 100%;max-height: 100%;">
                                            <form method="post" action="/cart/add" id="product-form-4464879992906"
                                                  accept-charset="UTF-8" class="shopify-product-item-form"
                                                  data-product-form=""
                                                  data-product-handle="mom-me-stripe-button-tie-tank-pink-orange"
                                                  data-enable-state="true"><input type="hidden" name="form_type"
                                                                                  value="product"><input type="hidden"
                                                                                                         name="utf8"
                                                                                                         value="✓">
                                                <div class="product-item__img-container">
                                                    <style>
                                                        .ImageWrapper-15163954331722-0 {
                                                            max-width: 299.97226331360946px;
                                                        }

                                                        .ImageWrapper-15163954331722-0::before {
                                                            padding-top: 150.01386962552013%;
                                                        }</style>
                                                    <div data-image-id="15163954331722"
                                                         class="ImageWrapper-15163954331722-0 responsive-image__wrapper product-item__img-wrap"
                                                         data-product-image-wrapper>

                                                        <a th:href="@{'/goods/detail/'+${goods.goodsId}}" class="product-item__link">
                                                            <div class="info discount" >
                                                                新品
                                                            </div>
                                                             <img th:src="@{${goods.goodsCoverImg}}" style="max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);">
                                                        </a>
                                                    </div>

                                                    <noscript>
                                                        <select name="id">
                                                            <option value="32436401471562">Burgundy / 3XL-8/9 Years
                                                            </option>
                                                        </select>
                                                    </noscript>
                                                    <button type="submit" name="add" class="product-item__submit"
                                                            data-submit-button=""><span>Add to Bag</span><span>➡</span>
                                                    </button>
                                                </div>
                                                <input type="hidden" id="Quantity" name="quantity" value="1" min="1">
                                            </form>
                                            <div class="product-item__title-bar"><a
                                                    class="product-item__title grid-link"
                                                    th:href="@{'/goods/detail/'+${goods.goodsId}}"
                                                    th:text="${goods.goodsName}" th:alt="${goods.goodsName}">Tulle
                                                Sweater Tunic/Dress - Many Colors!</a>
                                            </div>
                                            <div class="product-item__price-wrap" data-price-wrapper=""><span
                                                    data-product-price="" class="product-item__price "><p
                                                    class="grid-link__meta"
                                                    th:text="'$ '+${goods.sellingPrice}">$ 16.99</p></span>
                                                <div class="grid-view-item__reviews">
                                                    <div class="yotpo bottomLine yotpo-small" data-appkey="......."
                                                         data-domain="sparkle-in-pink.myshopify.com"
                                                         data-product-id="4464879992906"
                                                         data-product-models="4464879992906"
                                                         data-name="Tulle Sweater Tunic/Dress - Many Colors!"
                                                         data-url="/products/tulle-tunic-sweater-red"
                                                         data-bread-crumbs="autumn;Boutique;Boutique Outfits;Boutique Tops;Burgundy;fall;fuchsia;Gray;GRIN_Live;hot pink;KaitlynD;Kid_Size;Kiddy;kindergarten;Live Product;long sleeve;long sleeves;New;new arrival;New Arrivals;Perfect Sets;pink;pre k;preschool;pullover;Purple;Red;ruffle;ruffles;sweater;sweatshirt;Tops;tulle;tunic;tutu;valentine;valentine's;valentines product;Winter"
                                                         data-yotpo-element-id="194">
                                                        <div class="yotpo-display-wrapper" aria-hidden="true"
                                                             style="visibility: hidden;">
                                                            <div class="standalone-bottomline" data-source="default">
                                                                <div class="yotpo-bottomline pull-left  star-clickable"
                                                                     tabindex="0"><span class="yotpo-stars"> <span
                                                                        class="yotpo-icon yotpo-icon-star rating-star pull-left"></span><span
                                                                        class="sr-only" data-wg-notranslate="manual">5.0 star rating</span> </span>
                                                                    <a class="text-m" aria-label="12 reviews">12
                                                                        Reviews</a>
                                                                    <div class="yotpo-clr"></div>
                                                                </div>
                                                                <div class="yotpo-clr"></div>
                                                            </div>
                                                            <div class="yotpo-clr"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <ul class="tag-label"></ul>
                                        </div>
                                    </div>
                                </th:block>
                            </th:block>
                        </div>

                    </div>
                    <div id="bc-sf-filter-bottom-pagination" style="display: block;">
                        <div class="pages">
                            <div class="page_wrap">

                            <span class="page_span1">
                                 <a th:href="@{${pageResult.currPage==1}?'##':'/search?keyword='+${keyword==null?'':keyword}+'&page=' + ${pageResult.currPage-1}+'&goodsCategoryId='+${goodsCategoryId==null?'':goodsCategoryId}+'&orderBy='+${orderBy==null?'':orderBy}}">
                                    < Prev--
                                </a>
                                 <th:block th:if="${null != pageResult and !#lists.isEmpty(pageResult.list)}">
                            <th:block th:if="${pageResult.currPage-2 >=1}"><a
                                    th:href="@{'/search?keyword='+${keyword==null?'':keyword}+'&page=' + ${pageResult.currPage-2}+'&goodsCategoryId='+${goodsCategoryId==null?'':goodsCategoryId}+'&orderBy='+${orderBy==null?'':orderBy}}"
                                    th:text="${pageResult.currPage -2}">1</a></th:block>
                            <th:block th:if="${pageResult.currPage-1 >=1}"><a
                                    th:href="@{'/search?keyword='+${keyword==null?'':keyword}+'&page=' + ${pageResult.currPage-1}+'&goodsCategoryId='+${goodsCategoryId==null?'':goodsCategoryId}+'&orderBy='+${orderBy==null?'':orderBy}}"
                                    th:text="${pageResult.currPage -1}">1</a></th:block>
                            <a href="##" class="active" th:text="${pageResult.currPage}">1</a>
                            <th:block th:if="${pageResult.currPage+1<=pageResult.totalPage}"><a
                                    th:href="@{'/search?keyword='+${keyword==null?'':keyword}+'&page=' + ${pageResult.currPage+1}+'&goodsCategoryId='+${goodsCategoryId==null?'':goodsCategoryId}+'&orderBy='+${orderBy==null?'':orderBy}}"
                                    th:text="${pageResult.currPage +1}">1</a></th:block>
                            <th:block th:if="${pageResult.currPage+2<=pageResult.totalPage}"><a
                                    th:href="@{'/search?keyword='+${keyword==null?'':keyword}+'&page=' + ${pageResult.currPage+2}+'&goodsCategoryId='+${goodsCategoryId==null?'':goodsCategoryId}+'&orderBy='+${orderBy==null?'':orderBy}}"
                                    th:text="${pageResult.currPage +2}">1</a></th:block>
                                     </th:block>
                            <a th:href="@{${pageResult.currPage>=pageResult.totalPage}?'##':'/search?keyword='+${keyword==null?'':keyword}+'&page=' + ${pageResult.currPage+1}+'&goodsCategoryId='+${goodsCategoryId==null?'':goodsCategoryId}+'&orderBy='+${orderBy==null?'':orderBy}}">
                                    --Next >
                                </a>
					    </span>

                            </div>
                        </div>
                    </div>

                </div>

            </div>

        </div>
        <div class="container limespot-c-collection">
        </div>
    </div>
    <div id="shopify-section-index-newsletter" class="shopify-section index-newsletter">
        <style>
            @media (max-width: 768px) {
                .shopify-section.index-newsletter {
                    background: whitesmoke;
                    padding-top: 20px;
                    padding-bottom: 15px;
                    margin-bottom: 0px;
                }

                .shopify-section.index-newsletter .index-newsletter__title {
                    line-height: 33px;
                    font-family: Lato !important;
                    color: #1a1a1a;
                    text-transform: capitalize;
                    font-size: 18px !important;
                }

                .shopify-section.index-newsletter .index-newsletter__message {
                    line-height: 18px !important;
                    margin-top: 2px;
                    font-size: 12px;
                }

                .shopify-section.index-newsletter .row .col-md-6:nth-child(2) {
                    margin-top: 10px;
                }

                .index-newsletter button span.desktop {
                    display: none;
                }

                .index-newsletter button span.mobile {
                    display: block !important;
                }

                .index-newsletter .input-group.password__input-group input#Email {
                    width: calc(100% - 30px) !important;
                    height: 41px !important;
                    background-color: #fff;
                }

                .index-newsletter .input-group.password__input-group span.input-group__btn {
                    width: 47px !important;
                    height: 47px !important;
                    border-radius: 50%;
                    padding-top: 16px;
                    margin-left: -20px;
                    margin-top: -2px;
                    z-index: 101;
                }

                .index-newsletter .input-group.password__input-group span.input-group__btn button#Subscribe {
                    padding: 0px !important;
                }
            }

            .index-newsletter button span.mobile {
                display: none;
            }

            @media (max-width: 768px) {
                .index-newsletter .input-group.password__input-group input#Email {
                    border: 0 !important;
                    font-family: Lato;
                }
            }

            .form--success {
                font-size: 18px;
                font-family: Lato;
                font-weight: bold;
                color: #7b7b7b;
            }
        </style>


        <div class="container">
            <div class="row">
                <div class="col-md-6">

                    <h3 class="index-newsletter__title">Join the <span class="theme-color">SIP</span> family</h3>


                    <div class="index-newsletter__message">Get 10% off your first order, and be in the know of new
                        arrivals,
                        discounts and special promotions.
                    </div>

                </div>
                <div class="col-md-6">
                    <div class="join_the_SIP newsletter-section">
                        <div class="text-center">

                            <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8"
                                  class="contact-form"><input type="hidden" name="form_type" value="customer"><input
                                    type="hidden" name="utf8" value="✓">


                                <!--<div class="input-group password__input-group">
                                    <input type="hidden" name="contact[tags]" value="newsletter">
                                    <input class="newsletter-inputbox" type="email" name="contact[email]" id="Email"
                                           value placeholder="Enter your email address" autocorrect="off"
                                           autocapitalize="off">
                                    <span class="input-group__btn">
                                            <button type="submit" class="btn newsletter__submit" name="commit"
                                                    id="Subscribe">
                                                <span class="newsletter__submit-text&#45;&#45;large desktop">Subscribe</span>
                                                <span class="newsletter__submit-text&#45;&#45;large mobile">
                                                    <img class="lazyload"
                                                         src=""
                                                         data-src="images/icon-white-arrow-right.png">
                                                </span>
                                            </button>
                                        </span>
                                </div>-->

                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>

    <style>
        .collection-description .desc-content ul,
        .collection-description .desc-content ol {
            text-align: left;
        }

        .collection-description .desc-content li {
            list-style: none;
        }

        .collection-description .desc-content ul {
            padding-left: 6px;
        }

        .collection-description .desc-content ol {
            padding-left: 0px;
            list-style: none;
            counter-reset: my-awesome-counter;
        }

        .collection-description .desc-content ol li {
            counter-increment: my-awesome-counter;
        }

        .collection-description .desc-content ul li,
        .collection-description .desc-content ol li {
            position: relative;
            padding-left: 12px;
            font-size: 16px;
            font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
            color: #7b7b7b;
            font-weight: 300;
            line-height: 24px;
        }

        .collection-description .desc-content ul li {
            padding-left: 12px;
        }

        .collection-description .desc-content ol li {
            padding-left: 0px;
        }

        .collection-description .desc-content ul li:before {
            content: "•";
            height: 8px;
            width: 8px;
            font-size: 24px;
            color: rgb(255, 165, 187);
            display: inline-block;
            margin-right: 6px;
            float: left;
            position: absolute;
            left: -5px;
        }

        .collection-description .desc-content ol li:before {
            content: counter(my-awesome-counter) ". ";
            color: rgb(255, 165, 187);
        }

        /********************** end seo bulit style ******************************/

        @media (min-width: 769px) {
            #shopify-section-index-newsletter {
                display: none !important;
            }
        }

        #shopify-section-index-newsletter {
            display: inline-block;
        }

        #shopify-section-index-newsletter > .container {
            padding: 0px;
        }

        /************************************* 30/04/2020 by lucas **************************************/

        .collection-description.desc-bottom {
            max-width: 1200px;
            margin: 0px auto;
            border-bottom: none !important;
        }

        .collection-description .desc-content,
        .collection-description .desc-content * {
            text-align: justify;
            font-family: HelveticaNeue-Light, "Helvetica Neue Light", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
            color: #7b7b7b;
            line-height: 1.4;
        }

        @media (min-width: 768px) {
            .collection-description.desc-top {
                padding: 20px 0px;
            }
        }

        @media (max-width: 1240px) {
            .collection-description.desc-top .container {
                padding-left: 35px;
                padding-right: 35px;
            }
        }

        @media (max-width: 979px) {
            .collection-description.desc-top .container {
                padding-left: 21px;
                padding-right: 21px;
            }
        }

        @media (max-width: 1299px) and (min-width: 1024px) {
            .collection-description.desc-bottom {
                max-width: 980px;
            }
        }

        @media (max-width: 1023px) and (min-width: 769px) {
            .collection-description.desc-bottom {
                max-width: 650px;
            }

            #showMoreDesc,
            .collection-description.desc-bottom .desc-content,
            .collection-description.desc-bottom .desc-content * {
                font-size: 14px;
            }
        }

        @media (max-width: 768px) and (min-width: 480px) {
            .collection-description.desc-bottom {
                max-width: 100%;
                padding-left: 21px;
                padding-right: 21px;
                margin-left: 0px;
                margin-right: 0px;
                margin-bottom: 20px;
            }

            #showMoreDesc {
                font-size: 13px;
            }
        }

        @media (max-width: 767px) {
            .collection-description.desc-bottom {
                max-width: 100%;
                padding-left: 21px;
                padding-right: 21px;
                margin-left: 0px;
                margin-right: 0px;
                margin-top: 60px;
                margin-bottom: 20px;
            }

            .collection-description.desc-bottom .desc-content,
            .collection-description.desc-bottom .desc-content * {
                font-size: 13px;
            }
        }

        @media (max-width: 479px) {
            #showMoreDesc {
                font-size: 12px;
            }
        }

        .collection-description.desc-bottom .container {
            position: relative;
            height: 70px;
            overflow: hidden;
            transition-property: height;
            transition-duration: 300ms;
            transition-timing-function: ease-in-out;
            margin-bottom: 20px;
            padding: 0px !important;
        }

        .collection-description.desc-bottom .container.has-after:after {
            content: '';
            transition-property: top;
            transition-duration: 300ms;
            transition-timing-function: ease-in-out;
            background-image: linear-gradient(rgba(255, 255, 255, 0), #fff 100%);
            position: absolute;
            top: calc(100% - 6.25em);
            left: 0;
            height: 6.25em;
            width: 100%;
        }

        #showMoreDesc {
            color: #6B6D76;
            border: solid 1px #e3e3e3;
            border-radius: 3px;
            background-color: transparent;
            padding: 8px 18px;
            font-weight: 600;
        }

        #showMoreDesc:hover {
            background-color: transparent;
            border-color: #6A6C77;
        }

        /************************************************************************************************/
    </style>
</main>
<div id="shopify-section-footer" class="shopify-section">
    <footer>
        <section class="footer">
            <div class="container">
                <div class="row">
                    <div class="footer1 col-sm-6 footer_menu">
                        <h2>NEWS & UPDATES</h2>
                        <p>Sign up to get the latest on sale, new releases and more....</p>
                        <!--<div class="newsletter-section">
                            <div class="page-width text-center">
                                <form method="post" action="/contact#contact_form" id="contact_form"
                                      accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type"
                                                                                         value="customer"><input
                                        type="hidden" name="utf8" value="✓">


                                    <div id="foter_news" class="input-group password__input-group">
                                        <input type="hidden" name="contact[tags]" value="newsletter">
                                        <input type="email" name="contact[email]" id="Email"
                                               class="input-group__field newsletter__input" value
                                               placeholder="Enter your email address" autocorrect="off"
                                               autocapitalize="off">
                                        <span class="input-group__btn">
                                                <button type="submit" id="footer-submit" name="commit">
                                                    <i class="fa fa-paper-plane" aria-hidden="true"></i>
                                                </button>
                                            </span>
                                    </div>

                                </form>
                            </div>
                        </div>-->
                    </div>


                    <div class="footer_menu  col-sm-3">
                        <h2>CUSTOMER SERVICE</h2>
                    </div>

                    <div class="footer_menu col-sm-3">
                        <h2>OUR COMPANY</h2>

                    </div>

                </div>
            </div>
            <div class="border_sssce">
            </div>
            <div class="container copyright">

                <div class="copy_socialm_sec col-md-6">
                    <ul>
                        <li>
                            <a href="https://www.facebook.com/rarewekidclothing" target="_blank"
                               title="rarewe fashion on Facebook">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="icon"
                                     viewBox="0 0 20 20">
                                    <path d="M18.05.811q.439 0 .744.305t.305.744v16.637q0 .439-.305.744t-.744.305h-4.732v-7.221h2.415l.342-2.854h-2.757v-1.83q0-.659.293-1t1.073-.342h1.488V3.762q-.976-.098-2.171-.098-1.634 0-2.635.964t-1 2.72V9.47H7.951v2.854h2.415v7.221H1.413q-.439 0-.744-.305t-.305-.744V1.859q0-.439.305-.744T1.413.81H18.05z"/>
                                </svg>

                                <span class="icon-fallback-text">Facebook</span>
                            </a>
                        </li>


                        <li>
                            <a href="https://www.instagram.com/rarewefashion/" target="_blank"
                               title="rarewe fashion on Instagram">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 512 512"
                                     class="icon">
                                    <path d="M256 49.5c67.3 0 75.2.3 101.8 1.5 24.6 1.1 37.9 5.2 46.8 8.7 11.8 4.6 20.2 10 29 18.8s14.3 17.2 18.8 29c3.4 8.9 7.6 22.2 8.7 46.8 1.2 26.6 1.5 34.5 1.5 101.8s-.3 75.2-1.5 101.8c-1.1 24.6-5.2 37.9-8.7 46.8-4.6 11.8-10 20.2-18.8 29s-17.2 14.3-29 18.8c-8.9 3.4-22.2 7.6-46.8 8.7-26.6 1.2-34.5 1.5-101.8 1.5s-75.2-.3-101.8-1.5c-24.6-1.1-37.9-5.2-46.8-8.7-11.8-4.6-20.2-10-29-18.8s-14.3-17.2-18.8-29c-3.4-8.9-7.6-22.2-8.7-46.8-1.2-26.6-1.5-34.5-1.5-101.8s.3-75.2 1.5-101.8c1.1-24.6 5.2-37.9 8.7-46.8 4.6-11.8 10-20.2 18.8-29s17.2-14.3 29-18.8c8.9-3.4 22.2-7.6 46.8-8.7 26.6-1.3 34.5-1.5 101.8-1.5m0-45.4c-68.4 0-77 .3-103.9 1.5C125.3 6.8 107 11.1 91 17.3c-16.6 6.4-30.6 15.1-44.6 29.1-14 14-22.6 28.1-29.1 44.6-6.2 16-10.5 34.3-11.7 61.2C4.4 179 4.1 187.6 4.1 256s.3 77 1.5 103.9c1.2 26.8 5.5 45.1 11.7 61.2 6.4 16.6 15.1 30.6 29.1 44.6 14 14 28.1 22.6 44.6 29.1 16 6.2 34.3 10.5 61.2 11.7 26.9 1.2 35.4 1.5 103.9 1.5s77-.3 103.9-1.5c26.8-1.2 45.1-5.5 61.2-11.7 16.6-6.4 30.6-15.1 44.6-29.1 14-14 22.6-28.1 29.1-44.6 6.2-16 10.5-34.3 11.7-61.2 1.2-26.9 1.5-35.4 1.5-103.9s-.3-77-1.5-103.9c-1.2-26.8-5.5-45.1-11.7-61.2-6.4-16.6-15.1-30.6-29.1-44.6-14-14-28.1-22.6-44.6-29.1-16-6.2-34.3-10.5-61.2-11.7-27-1.1-35.6-1.4-104-1.4z"/>
                                    <path d="M256 126.6c-71.4 0-129.4 57.9-129.4 129.4s58 129.4 129.4 129.4 129.4-58 129.4-129.4-58-129.4-129.4-129.4zm0 213.4c-46.4 0-84-37.6-84-84s37.6-84 84-84 84 37.6 84 84-37.6 84-84 84z"/>
                                    <circle cx="390.5" cy="121.5" r="30.2"/>
                                </svg>

                                <span class="icon-fallback-text">Instagram</span>
                            </a>
                        </li>


                        <li>
                            <a href="#" target="_blank"
                               title="Sparkle In Pink on Pinterest">
                                <svg class="icon" xmlns="http://www.w3.org/2000/svg"
                                     xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"
                                     viewBox="0 0 384 512">
                                    <path d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"/>
                                </svg>
                                <span class="icon-fallback-text">Pinterest</span>
                            </a>
                        </li>


                    </ul>
                </div>
                <div class="copy_right col-md-6">
                    <small>
                        <!-- Copyright -->&copy; 2020 <a href="/" title>Rarewe Fashion</a>. All Rights Reserved
                    </small>
                </div>

            </div>
        </section>


    </footer>
</div>
<!--聊天框-->
<div id="swtcenter"
     style="display: none;background: #00abf0;position:fixed; width:400px;height:550px;z-index:999;top:55%;right:0px;margin-left:-400px;margin-top:-300px;border-top: 1px solid #00abf0;border-top-left-radius: 10px;">
</div>
<div type="button" onclick="openme()"
     style="position:fixed;z-index:999;top:85%;right:0px;width:70px;height:70px;cursor: pointer"><img
        src="/static/webSocket/img/consumer.png" alt="聊天"></div>
<!--聊天框结束-->
<!--聊天框js-->
<script type="text/javascript">
    var swtcenter = document.getElementById('swtcenter');
    var flag = true;

    function openme() {
        if (flag) {
            swtcenter.style.display = 'block';
            var num = window.frames.length;
            var inserthtml = '<iframe id="swtframe" frameborder="no" broder="1" src="http://127.0.0.1:8081/consumer" name="swtframe" width="100%" height="100%" srcoll="yes" style="border-top: 1px solid #00abf0;border-top-left-radius: 10px;box-shadow: 0 0 10px darkgrey;z-index:999;"></iframe>';
            $("#swtcenter").append(inserthtml);
            flag = false;
        } else {
            $("#swtcenter :first-child").remove();
            swtcenter.style.display = 'none';
            flag = true;
        }
    }
</script>
<script th:src="@{/admin/plugins/jquery/jquery.min.js}"></script>

<div class="smile-shopify-init" data-channel-key="pk_YRynekuXe1VKyk3DCLFxijTj"></div>


<script>
    window.mwGroupedProductsObjects = {
        product: null,
        cart: {
            "note": null,
            "attributes": {},
            "original_total_price": 0,
            "total_price": 0,
            "total_discount": 0,
            "total_weight": 0.0,
            "item_count": 0,
            "items": [],
            "requires_shipping": false,
            "currency": "USD",
            "items_subtotal_price": 0,
            "cart_level_discount_applications": []
        },
        template_name: "collection",
        shop: {
            domain: "sparkle-in-pink.myshopify.com",
            money_format: "$ {{amount}}",
            money_with_currency_format: "$ {{amount}} USD"
        }
    };

    if (document.getElementsByTagName('html')[0].innerHTML.indexOf('files-shopify.mageworx.com/groupedproducts/source.js') > -1) {
        var container = document.getElementsByClassName('mw-gp-container');

        if (container.length > 0) {
            container[0].innerHTML = '<div class="mw-gp-spinner"></div>';

            setTimeout(function () {
                document.getElementsByClassName('mw-gp-spinner')[0] && document.getElementsByClassName('mw-gp-spinner')[0].remove();
            }, 4000);
        }
    }
</script>

<!--<script src="/static/mall/sparkleinpink/search/js/esNamesToCheckout.js" type="text/javascript"></script>-->


<!--Gorgias Chat Widget Start-->
<div id="gorgias-chat">
    <script>
        window.gorgiasChatParameters = {
            "smooch": {
                "properties": {
                    "shopify__cart__total_price": "$ 0.00",
                    "shopify__cart__nb_of_items": 0,
                }
            }
        }
    </script>
</div>
</body>

</html>